Feature: Switch

[k11q]

Switch

Completed

• When focus is on the switch, changes the state of the switch via enter/space.
• The switch has 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.
• If the switch element is an HTML input[type="checkbox"], it uses the HTML checked attribute instead of the aria-checked property.
• Accessible without javascript

Todo

• The switch has an accessible label provided by one of the following:

• 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.

• 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.