[Checkbox] Accesibility requirements

[aweell]

WAI-ARIA Authoring Practices 1.2 for checkbox component

Keyboard Interaction

• When the checkbox has focus, pressing the Space key changes the state of the checkbox ✅

Roles, States, and Properties

• The checkbox has role checkbox ✅
• The checkbox has an accessible label provided by one of the following:
  • Visible text content contained within the element with role checkbox.
  • A visible label referenced by the value of aria-labelledby set on the element with role checkbox.
    aria-label set on the element with role checkbox.
• When checked, the checkbox element has state aria-checked set to true.
• When not checked, it has state aria-checked set to false.

WAI-ARIA Checkbox example

• Checkbox component guidelines and implementation should be updated to cover all the accessibility recommendations

[aweell]

Closed via #207