Screen Reader: Profile Subsections: Focus resets to Back button when focusing OTP cell

[olenamihno]

Action Performed:

Precondition: User is logged in

1. Using TalkBack on Android, open the app
2. Swipe right to focus the Account tab and double-tap to activate it
3. Swipe right to focus the Profile button and double-tap to activate it
4. Swipe right to focus the Contact methods menu item and double-tap to activate it
5. Swipe right to focus an email address that requires verification and double-tap to activate it
6. Swipe right to focus the first OTP cell and note the focus behavior

This is a global issue occurring in all OTP screens

Expected Result:

When the user swipes to or taps the first OTP cell, focus should remain on that cell.

The user should be able to start entering the OTP without focus jumping to another element.

Actual Result:

Focusing the first OTP cell causes focus to reset to the Back button.
Every time the user navigates to the first OTP cell the same focus change occurs.

Area issue was found in:

Profile Subsections

Failed WCAG checkpoints

WCAG 3.2.1 On Focus
https://www.w3.org/WAI/WCAG22/Understanding/on-focus

User impact:

This helps people with visual disabilities, cognitive limitations, and motor impairments by reducing the chance that a change of context will occur unexpectedly.

Suggested resolution:

Prevent automatic focus changes when OTP cell receives focus
Remove any code or props that programmatically shift focus to unrelated elements on focus.
https://reactnative.dev/docs/view#focusable
https://reactnative.dev/docs/accessibilityinfo#setaccessibilityfocus

Environment:

Samsung Galaxy Note10 Plus - Android 12, H0T Mobile - Native (No mobile browser)

Screenshots/Videos

Bug7008093_1763623745210.Focus_resets_to_Back_button_when_focusing_OTP_cell.mp4

Version Number: Production
Reproducible in staging?: NA
Reproducible in production?: Yes
Email or phone of affected tester (no customers): No
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/7008093
Issue reported by: NA
Slack conversation: NA

[melvin-bot]

📣 @olenamihno! 📣
Please report bugs or suggest features in the #expensify-open-source Slack channel, don't directly open issues in this repo!
Instructions here to join the channel 📖

[melvin-bot]

This issue has not been updated in over 15 days. eroding to Monthly issue.

P.S. Is everyone reading this sure this is really a near-term priority? Be brave: if you disagree, go ahead and close it out. If someone disagrees, they'll reopen it, and if they don't: one less thing to do!

[rushatgabhane]

done in #79232