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

The Tooltip component represents a contextual popup that displays a description for an element. As such it has the role tooltip applied to follow the WAI-ARIA compliance. The tooltip typically becomes visible in response to a mouse hover, or after the owning element receives keyboard focus.

The following ARIA attributes are used in the Tooltip:

  • aria-describedby - indicates that there is another element that describes the Tooltip. Usually that is the element that triggers the visibility of the Tooltip component. The attribute references that element by it's id.
  • aria-disabled - indicates that interaction with the Tooltip is disabled.

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