Screen Readers: Sign in: All links in the footer are focused and announed twice #77418
Description
Action Performed:
Prerequisites:
- the user is not signed in
- Using Android TalkBack, open the Expensify app
- Swipe to the link in the footer
- Listen to the TalkBack announcement
Expected Result:
Each link should be focused and announced only once.
Actual Result:
All links in the footer are focused and announced twice. Both focus points can be activated.
Area issue was found in:
Sign in
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:
This failure occurs because TalkBack treats the link's text content and its interactive container as two separate, sequential focus stops.
Set the outer interactive component () to accessible={true} and give it the full accessibilityLabel (e.g., "Privacy").
Set the inner component to accessible={false} to silence it.
https://appt.org/en/docs/react-native/samples/accessibility-focusability
Environment(s)
Samsung Galaxy S24 Ultra - Android 14, Partner - Native (No mobile browser)
Screenshots/Videos
Bug7006982_1763435221223.All_links_in_the_footer_are_focused_and_announed_twice.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/7006982
Issue reported by: NA
Slack conversation: NA