A technical specification published by the World Wide Web Consortium (W3C), Accessible Rich Internet Applications (ARIA) defines attributes to enhance the accessibility of web pages, particularly dynamic content and user interface components developed with Ajax, HTML, JavaScript, and related technologies. The standard supports assistive technologies like screen readers, voice recognition software, and alternative input devices.
Core Attributes
ARIA provides a set of attributes to describe the roles, states, and properties of web content. These attributes help assistive technologies understand and present the content appropriately.
- aria-label: This attribute provides a text alternative for an element that doesn’t have visible text. For example, it can describe what a button with an icon does.
- aria-labelledby: This attribute associates an element with a label located elsewhere on the page. For instance, it can link a form input to its corresponding label element.
- aria-describedby: This attribute provides additional information about an element. For example, it can link a form field to its corresponding instructions or tooltip element.
- aria-expanded: This attribute indicates whether an element is currently expanded or collapsed. For example, it can show the current state of each section in an accordion.
- aria-disabled: This attribute indicates whether an element is currently disabled or not. For example, it can show that a form button is disabled until a certain condition is met.
Development and Versions
The W3C developed ARIA to ensure web content is accessible to people with disabilities. The specification has evolved over time, with significant milestones including the addition of support for ARIA in SVG 1.2 Tiny on 15 September 2008, the completion of WAI-ARIA 1.0 as a W3C Recommendation on 20 March 2014, and the release of WAI-ARIA 1.1 on 14 December 2017.
Implementation
By using ARIA attributes, web developers can make their content more accessible. These attributes help assistive technologies understand the behavior and functionality of web components, ensuring that people with disabilities can navigate and interact with web content effectively.
