Skip to content

[Due for payment 2026-01-30] Screen Reader: Many Pages: The button '+' is announced non-descriptively #77498

@elisenwazuoke

Description

@elisenwazuoke

Action Performed:

Precondition: User is logged in

  1. Using VoiceOver on iOS or TalkBack on Android, open the app
  2. Swipe right to focus any chat and double-tap to activate it
  3. Swipe right to focus the "+" button and note how it is announced

Other Occurrences:

  1. New Chat
  2. Group Chat

Expected Result:

The "+" button should have a meaningful and informative accessible label, e.g.:

  • 'Open actions menu'

Actual Result:

The button is currently announced as "create", which is vague and does not indicate the action it triggers.

Area issue was found in:

Chat

Failed WCAG checkpoints

WCAG 2.4.6 Headings and Labels
https://www.w3.org/WAI/WCAG22/Understanding/headings-and-labels

User impact:

Descriptive headings are necessary for users who have disabilities that make reading slow and for people with limited short-term memory. These users benefit when section titles make it possible to predict what each section contains. Form input controls with labels that clearly describe the content that is expected to be entered helps users know how to successfully complete the form.

Suggested resolution:

Update the accessibility label to a general, descriptive label such as "Open actions menu".
https://appt.org/en/docs/react-native/samples/accessibility-label
https://reactnative.dev/docs/accessibility#accessibilitylabel

Environment(s)

Apple iPhone 14 Pro - iOS 18.7.1, Wi-Fi - Native (No mobile browser)
Samsung Galaxy Note10 Plus - Android 12, H0T Mobile - Native (No mobile browser)

Screenshots/Videos

Image
Bug7009102_1763633252877.__button_announced_non-descriptively.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/7009102
Issue reported by: NA
Slack conversation: NA

Metadata

Metadata

Assignees

No one assigned

    Labels

    AccessibilityIssues affecting WACG accessibility on any platform.Awaiting PaymentAuto-added when associated PR is deployed to productionWeeklyKSv2

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions