Skip to content

[a11y] Add expanded state in Semantics widget on Android #92040

@GabrieleSuzart

Description

@GabrieleSuzart

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.

https://github.com/facebook/react-native/search?q=expanded

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

P3Issues that are less important to the Flutter projecta: accessibilityAccessibility, e.g. VoiceOver or TalkBack. (aka a11y)c: new featureNothing broken; request for a new capabilityc: proposalA detailed proposal for a change to Fluttercustomer: castawayframeworkflutter/packages/flutter repository. See also f: labels.platform-androidAndroid applications specificallyr: solvedIssue is closed as solvedteam-frameworkOwned by Framework teamtriaged-frameworkTriaged by Framework team

Type

No type

Projects

Status

Done (PR merged)

Status

Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions