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

Button provides a built-in compliance with WAI-ARIA specification. This is achieved through attributes like role, aria-disabled and others. They are applied to the corresponding elements inside the template of the components. The role of the Button component is 'button' and is applied to the element itself.

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-disabled - indicates that the interaction with the Button component is disabled.
  • role - indicates the role of the Button. It allows tools to present and support interaction with the Button component in a matter that is consistent with user expectations about the elements of that type.

Keyboard Interaction

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

Key Action
Enter Presses the button.
Space Presses the button.

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