nakayan5
commented
6 months ago @yamada-ui/switch is applicable to this issue
Keyboard Interaction
- [x] Space: When focus is on the switch, changes the state of the switch.
- [ ]
Enter (Optional): When focus is on the switch, changes the state of the switch.
WAI-ARIA Roles, States, and Properties
- [ ] The switch has role switch.
- [x] The switch has an accessible label provided by one of the following:
- [x] Visible text content contained within the element with role switch.
- [ ] A visible label referenced by the value of aria-labelledby set on the element with role switch.
- [ ] aria-label set on the element with role switch.
- [ ] When on, the switch element has state aria-checked set to true.
- [ ] When off, the switch element has state aria-checked set to false.
- [x] If the switch element is an HTML input[type="checkbox"], it uses the HTML checked attribute instead of the aria-checked property.
- [ ] If a set of switches is presented as a logical group with a visible label, either:
- [ ] The switches are included in an element with role group that has the property aria-labelledby set to the ID of the element containing the group label.
- [ ] The set is contained in an HTML fieldset and the label for the set is contained in an HTML legend element.
- [ ] If the presentation includes additional descriptive static text relevant to a switch or switch group, the switch or switch group has the property aria-describedby set to the ID of the element containing the description.
Description
read this article and research switch accessibility
modify component if necessary
Problem Statement/Justification
none
Proposed Solution or API
No response
Alternatives
No response
Are you willing to participate in implementing this feature and create a pull request include the implementation?
None
Additional Information
No response