You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When a user navigates through the Profile page, it is expected focus would move in a logical order, normally from top left side of the screen, to bottom right side of the screen. In this instance, the left navigation panel, then the middle, then the right
Actual Result:
As users navigate through the profile page, focus starts in the middle panel (Profile, subscription, wallet, preferences, security, etc. ), before moving onto the left panel (Received, information, spaces, etc. ), then the right panel (Name, contact method, state, pronouns, etc.).
A meaningful sequence that matches a logical reading order helps people who rely on assistive technologies that read content aloud. The meaning evident in the sequencing of the information in the default presentation will be the same when the content is presented in spoken form.
Action Performed:
Prerequisite:
Other occurrences:
Expected Result:
When a user navigates through the Profile page, it is expected focus would move in a logical order, normally from top left side of the screen, to bottom right side of the screen. In this instance, the left navigation panel, then the middle, then the right
Actual Result:
As users navigate through the profile page, focus starts in the middle panel (Profile, subscription, wallet, preferences, security, etc. ), before moving onto the left panel (Received, information, spaces, etc. ), then the right panel (Name, contact method, state, pronouns, etc.).
Area issue was found in:
Settings–Profile
Failed WCAG checkpoints
WCAG 1.3.2 Meaningful Sequence
https://www.w3.org/WAI/WCAG22/Understanding/meaningful-sequence
User impact:
A meaningful sequence that matches a logical reading order helps people who rely on assistive technologies that read content aloud. The meaning evident in the sequencing of the information in the default presentation will be the same when the content is presented in spoken form.
Suggested resolution:
Ensure the focus order matches the visual order by reordering the DOM order.
https://www.w3.org/WAI/WCAG21/Techniques/css/C27
Environment(s)
Windows Windows 10 - Chrome
Screenshots/Videos
Bug6994050_1762279379240.Profile_page_has_illogical_focus_order.mp4
Version Number: NA
Reproducible in staging?: NA
Reproducible in production?: Yes
Email or phone of affected tester (no customers): NA
Logs: https://stackoverflow.com/c/expensify/questions/4856 NA
Notes/Photos/Videos: Any additional supporting documentation Yes
Expensify/Expensify Issue URL: https://platform.applause.com/company/12102/products/36605/community-issues/6994050
Issue reported by: NA
Slack conversation: NA
Upwork Automation - Do Not Edit
Issue Owner
Current Issue Owner: @mallenexpensify