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.