Accessible Rich Internet Applications (ARIA)
WAI-ARIA stands for the Web Accessibility Initiative, Accessible Rich Internet Applications. I've added this section to my guidance pages because ARIA can be needed to meet WCAG criteria in some situations.
Purpose and impact of ARIA
ARIA allows developers to create custom content and widgets, which are accessible for people who use assistive software.
Roles, states and properties
- ARIA roles
- Defines the type of something, e.g. landmarks, widgets
- States
- Provides information about a role that may change frequently due to user interactions, e.g. aria-checked, aria-expanded
- Properties
- Provides information about a role that is less likely to change often, e.g. aria-labelledby
Use of ARIA
The first rule of ARIA is that no ARIA is better than bad ARIA. Where possible, it is always better to use native HTML elements. ARIA should only be used when HTML alone is not sufficient. One example of this, is in the creation of custom widgets. So, I will have a go at creating some custom widgets: