-
Notifications
You must be signed in to change notification settings - Fork 29.7k
Description
Use case
I cannot set expanded or collapsed states for screen readers. This accessibility issue is WCAG's conformance level A, Criterion 4.1.2: Name, Role, Value
WCAG: https://www.w3.org/WAI/WCAG21/Understanding/name-role-value
I would like the Semantics widget to have an expanded parameter so that it announces the state for VoiceOver and TalkBack.
After creating this parameter in Semantics, I recommend putting it in the Material's Accordion and similar components.
Proposal
Analyze the behavior of the accessibilityState={{expanded: true}} parameter of React Native and do the same.
Extra
W3C Documentation about HTML's aria-expanded: https://www.w3.org/WAI/GL/wiki/Using_aria-expanded_to_indicate_the_state_of_a_collapsible_element
React Native documentation about accessibilityState: https://reactnative.dev/docs/accessibility#accessibilitystate
Example of accordion accessible in react material design: https://mui.com/pt/components/accordion/
Metadata
Metadata
Assignees
Labels
Type
Projects
Status
Status