Use ARIA Properties and Roles

ARIA (Accessible Rich Internet Applications) is an easy and powerful technical specification for ensuring your site structure is accessible. By assigning ARIA roles and landmarks to web elements, you enhance the ability of screen reader users to navigate and interact with your content. ARIA roles and landmarks can be easily added to your HTML, in the same way that you add classes to HTML in order to load attributes from CSS. Consider the following:

  • Consider using ARIA roles to provide for main navigation points on your site pages.
  • Use the aria-describedby, aria-label, and aria-labelledby attributes on your pages where more descriptions are required.
  • Consider using Live Regions. These are commonly used on sections of the page that change frequently, like a stock ticker.