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

RadioButton provides a built-in compliance with WAI-ARIA specification. This is achieved through attributes like role, aria-disabled, aria-pressed and others. They are applied to the Radio button element. The role of the Radio button 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 Radio button element represents a button that can be pressed. It has a pressed and unpressed states that are visually different. Radio buttons usually work in groups and the pressed state is applied only to one button from the group.

The following ARIA attributes are in use by the component:

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

Keyboard Interaction

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

Key Action
Space Preses the radio button.

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