Switch Element Accessibility Label
Note:
- Rule Category :
Accessibility Labels - WCAG Guidelines :
2.1 - 1.3.1 (A) - Rule Severity :
Serious - Supported Platforms :
Android,iOS
Description
Switch element should have both name & value available to Screen Readers. This ensures Switch controls are fully accessible, allowing their label & state (on/off) to be accurately communicated to users relying on Screen Readers.
How to fix
- Provide label for CheckBox control using properties such as
hintor associate it with another element usinglabelFor. This ensures so that both the name of the switch and its value (on/off status) are effectively conveyed by screen readers.
We're sorry to hear that. Please share your feedback so we can do better
Contact our Support team for immediate help while we work on improving our docs.
We're continuously improving our docs. We'd love to know what you liked
Is this page helping you?
Yes
No
We're sorry to hear that. Please share your feedback so we can do better
Contact our Support team for immediate help while we work on improving our docs.
We're continuously improving our docs. We'd love to know what you liked
Thank you for your valuable feedback!
