Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add Accessibility Props for ButtonIcon Component in React Native #421

Open
georgewrmarshall opened this issue Feb 5, 2025 · 0 comments
Open

Add Accessibility Props for ButtonIcon Component in React Native #421

georgewrmarshall opened this issue Feb 5, 2025 · 0 comments
Labels
team-design-system

Comments

@georgewrmarshall
Copy link
Contributor

Description

The ButtonIcon component, which uses Pressable, currently lacks appropriate accessibility props for React Native. Since it has no text, it needs to support screen readers properly to ensure an inclusive user experience.

Technical Details

  • Add accessibilityLabel to provide a textual description for screen readers.
  • Ensure accessibilityRole="button" is set for proper semantics.
  • Consider accessibilityHint if additional context is needed.
  • Verify with VoiceOver (iOS) and TalkBack (Android).

Acceptance Criteria

  • Screen readers properly announce the button’s function.
  • Users can navigate and activate the button using assistive technology.
  • Accessibility tests confirm correct behavior.

References
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
team-design-system
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@georgewrmarshall