fix: screen readers don't announce the indeterminate state correctly in checkbox #6448
Labels
area:fast-foundation
Pertains to fast-foundation
bug
A bug
community:request
Issues specifically reported by a member of the community.
compliance:a11y
Accessibility compliance.
🐛 Bug Report
The indeterminate state of the checkbox isn't announced correctly to users who use screen reader software and declares the state as "checked."
Screen readers will announce the indeterminate state in different ways, such as "mixed" (iOS), "half-checked" (NVDA), "partially checked" (JAWS), or "partially ticked" (TalkBack). (2.1.1)(1.3.1)(4.1.2)
Also agree that there should also be an indeterminate content attribute #4084.
💻 Repro or Code Sample
🤔 Expected Behavior
Screen readers will announce the indeterminate state in different ways, such as "mixed" (iOS), "half-checked" (NVDA), "partially checked" (JAWS), or "partially ticked" (TalkBack). (2.1.1)(1.3.1)(4.1.2)
😯 Current Behavior
fast-checkbox
is settingaria-checked="true"
for indeterminate stateExample from Aria Authoring Practices Guide is setting
![Screen Shot 2022-10-12 at 12 02 59 PM](https://user-images.githubusercontent.com/55507048/195412305-5598c5b2-6436-4e36-8d95-d93804777f7c.png)
aria-checked="mixed"
for indeterminate state💁 Possible Solution
Set
aria-checked="mixed"
for indeterminate state.🔦 Context
This issue has accessibility implications and is not delivering correct information to screen reader users. ARIA guidelines from the W3C provides excellent documentation about mixed-state checkboxes.
🌍 Your Environment
The text was updated successfully, but these errors were encountered: