Skip to content

[Due for payment 2026-01-27] [$250] Keyboard Navigation: Many Pages: The elements are focused in a confusing order #76920

@nbhardwaj-del

Description

@nbhardwaj-del

Action Performed:

Prerequisite:

  • the user is logged in
  1. Using Windows + Chrome, open the page https://new.expensify.com/settings/profile
  2. Navigate through the page using TAB key
  3. Observe the focus order

Other occurrences:

  1. On Chat flow

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

Image
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
  • Upwork Job URL: https://www.upwork.com/jobs/~022009685557512758762
  • Upwork Job ID: 2009685557512758762
  • Last Price Increase: 2026-01-09
Issue OwnerCurrent Issue Owner: @mallenexpensify

Metadata

Metadata

Labels

AccessibilityIssues affecting WACG accessibility on any platform.Awaiting PaymentAuto-added when associated PR is deployed to productionBugSomething is broken. Auto assigns a BugZero manager.DailyKSv2ExternalAdded to denote the issue can be worked on by a contributor

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions