Screen Reader: Many Pages: Emoji button is missing accessible role

[olenamihno]

Action Performed:

Prerequisites:

• the user is signed in

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

Other Occurrences:

1. New Chat
2. Group Chat

Expected Result:

The Emoji button should be properly implemented as a button and announced as "Emoji, button".

Actual Result:

The Emoji button is missing accessible role and is announced as plain text: "Emoji".

Screen reader users have no way to understand this is an interactable element.

Area issue was found in:

Chat

Failed WCAG checkpoints

WCAG 4.1.2 Name, Role, Value
https://www.w3.org/WAI/WCAG22/Understanding/name-role-value

User impact:

Providing role, state, and value information on all user interface components enables compatibility with assistive technology, such as screen readers, screen magnifiers, and speech recognition software, used by people with disabilities.

Suggested resolution:

Assign accessibilityRole="button" to the Emoji button to ensure is is announced properly as "Emoji, button".
https://appt.org/en/docs/react-native/samples/accessibility-role
https://reactnative.dev/docs/accessibility#accessibilityrole

Environment:

Apple iPhone 14 Pro - iOS 18.7.1, Wi-Fi - Native (No mobile browser)

Screenshots/Videos

Bug7009095_1763633283389.Emoji_button_is_missing_accessible_role.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/7009095
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 📖