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

ToggleButton provides a built-in compliance with WAI-ARIA specification. This is achieved through attributes like role, aria-disabled, aria-pressed and others. The role of the ToggleButton component is 'button'.

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.

The Toggle button element represents a button that can be toggled. It has a pressed and unpressed states that are visually different.

The following ARIA attributes are in use by the component:

  • aria-disabled - indicates that the interaction with the Toggle button component is disabled.
  • aria-pressed - indicates whether the Toggle button is pressed or not.

Keyboard Interaction

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

Key Action
Space Presses/Unpresses the button.

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