Skip to content

[Due for payment 2026-03-19] [$250] Screen Readers: Many Pages: The focus is not moved when activating the link 'fix the errors' #77337

@elisenwazuoke

Description

@elisenwazuoke

Action Performed:

Precondition: The User should be logged in

  1. Using Android TalkBack or iOS VoiceOver, open the Expensify app
  2. Start the onboarding flow
  3. Swipe to one of the options and double-tap to activate
  4. Swipe to the 'Continue' button and double-tap to activate
  5. Swipe to the 'fix the errors' link and double-tap
  6. Note where the focus is moved.

Other Occurrences:

  1. On Profile - Display Name
  2. On Profile - Address
  3. On Security - Close Account
  4. On Wallet - Add Bank Account
  5. On Save the World - I know a teacher

Expected Result:

When the link is activated, the focus should move immediately and directly to the first input field that requires correction, allowing the user to begin fixing the form without losing context.

Actual Result:

After the user taps the 'fix the errors' link, the keyboard focus remains on the link itself. The user is then forced to manually swipe through the entire form to find the first error field, making the error correction process inefficient.

Area issue was found in:

Onboarding

Failed WCAG checkpoints

WCAG 2.4.3 Focus Order
https://www.w3.org/WAI/WCAG22/Understanding/focus-order

User impact:

People with mobility impairments who must rely on keyboard access for operating a page benefit from a logical, usable focus order. People with vision impairments or disabilities that make reading difficult can become disoriented when tabbing takes focus someplace unexpected or when they cannot easily find the content surrounding an interactive element. Only a small portion of the page may be visible to an individual using a screen magnifier at a high level of magnification. Such a user may interpret a field in the wrong context if the focus order is not logical.

Suggested resolution:

Ensure that upon activating the control, the focus is moved to the first field with an error.
https://appt.org/en/docs/react-native/samples/accessibility-focus

Environment(s)

Samsung Galaxy S24 Ultra - Android 14, Partner - Native (No mobile browser)
Apple iPhone 11 - iOS 17.5.1, H0T Mobile - Native (No mobile browser)

Screenshots/Videos

Image

Bug7005704_1763311500370.The_focus_is_not_moved_when_activating_the_link__fix_the_errors_.mp4

Version Number: Production
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/36628/community-issues/7005704
Issue reported by: NA
Slack conversation: NA

Upwork Automation - Do Not Edit
  • Upwork Job URL: https://www.upwork.com/jobs/~022016982792401313068
  • Upwork Job ID: 2016982792401313068
  • Last Price Increase: 2026-01-29
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

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions