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

The Rating component provides a built-in compliance with WAI-ARIA specification. This is achieved through attributes like role, aria-label and others.

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

Rating component represents a group of buttons. As such it has the role 'group' applied and the buttons that it holds are the stars that represent the rating value.

The following ARIA attributes are in use by the component:

  • aria-disabled - indicates that the interaction with the Radio button component is disabled.
  • aria-label - since the Rating component contains stars and no text, a label attribute has to be defined on each one of them to visually descibe the buttons(stars).

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