Improve a11y on checkbox #729
Labels
[Priority] High
This issue/pull request needs resolving before the next release
[Type] a11y
Issues/PRs related to accessibility
[Type] Bug
Something that is not working as expected
[Type] Design
Issues/PRs related to improving design
Describe the bug:
Right now, we are hidding the
<input>
with CSS when using checkboxes, and create a fake checkbox with SVG on the::before
element inside the<label>
. We are unable to enter the label using the keyboard, and even if we are forcing the tabbing usingtabIndex=0
we are not able to toggle the checkbox using the space or enter key.We should revert this and do something more accessible like in the Twenty-Twenty-One theme.
Also, I haven't tested yet, but I assume we are having the same problem with Radio inputs.
The text was updated successfully, but these errors were encountered: