CheckBox Accessibility

Accesibility Attributes

Web accessibility makes web content and web applications more accessible to disabled people. It's especially helpful in dynamic content changes and development of advanced user interface components with HTML, Javascript and related technologies. Smart HTML elements framework offers full accessibility support for it's web components.

CheckBox provides a built-in compliance with WAI-ARIA specification. This is achieved through attributes like role, aria-checked, aria-hidden. They are applied to the corresponding elements inside the template of the components. The CheckBox has a role "checkbox" which will allow the component to be recognized as a standart element.

The purpose of the ARIA attributes is to help disabled people by providing the information specific to the component to assistive technology in the screen readers.

  • aria-checked - indicates the current "checked" state of the Checkboxes.
  • aria-hidden - applied to internal elements from the template of the CheckBox to indicate that they do not take part in the interaction with the component and will not be mapped to the accessibility API.

Keyboard Interaction

The following keyboard shortcuts are available to interact with the CheckBox:

Key Action
Space Check/Uncheck the CheckBox.

Additional information on WAI-ARIA for the SMART Framework can be found here.