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

Toast is a dialog component with role alert. As such it is a type of live region with important, and usually time-sensitive information. Alerts are assertive live regions and will be processed as such by assistive technologies.

The following ARIA attributes are used in the Toast:

  • aria-disabled - indicates that interaction with the Toast is disabled.
  • aria-label - applied to the icon container inside the Toast items, indicates the textual meaning of the icon.

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