WAI-ARIA stands for Web Accessibility Initiative - Accessible Rich Internet Applications Suite, which defines a way to make any web content, site, or application more accessible for people with disabilities.

It is a framework that introduces new roles (e.g., menu, slider) and properties (e.g., haspopup, expanded, hidden). It is a complete collection of solutions that can help us create more accessible, dynamic, custom code (like a calendar-based date picker) for people who navigate with a keyboard and/or screen reader software.

  • We can communicate any collapsible element’s open or closed state (like in a case of a mobile - hamburger - navigation).
  • Using aria-live, we can interact with the screen readers and communicate with our users directly through voice.
  • With aria-hidden, we can control what should display in the accessibility API.