Skip to content
This repository was archived by the owner on Jul 11, 2023. It is now read-only.
This repository was archived by the owner on Jul 11, 2023. It is now read-only.

Feature: Checkbox #5

Open
Open
@k11q

Description

@k11q

Checkbox

Completed

  • When the checkbox has focus, pressing the Space key changes the state of the checkbox.
  • The checkbox has 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.
  • 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 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 partially checked, it has state aria-checked set to mixed.

  • If a set of checkboxes is presented as a logical group with a visible label, the checkboxes are included in an element with role group that has the property aria-labelledby set to the ID of the element containing the label.

  • If the presentation includes additional descriptive static text relevant to a checkbox or checkbox group, the checkbox or checkbox group has the property aria-describedby set to the ID of the element containing the description.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    Status

    Todo

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions