Accessible Rich Internet Applications
ARIA is the acronym for Accessible Rich Internet Applications.
ARIA is a set of attributes that can be added to HTML elements to help make web content more accessible to people with disabilities.
ARIA was developed by the World Wide Web Consortium (W3C) to provide a way to describe the behavior and functionality of web components, such as buttons, menus, and dialog boxes, in a way that can be understood by assistive technologies like screen readers.
ARIA attributes are used to provide additional information about the roles, states, and properties of web content. Examples include:
aria-label: This attribute provides a text alternative for an element that doesn’t have visible text. For example, if you have a button with an icon but no text, you can use
aria-labelto provide a description of what the button does.
aria-labelledby: This attribute provides a way to associate an element with a label that is located elsewhere on the page. For example, if you have a form input that needs to be labeled, you can use
aria-labelledbyto link the input to its corresponding label element.
aria-describedby: This attribute provides additional information about an element. For example, if you have a form field with specific instructions or a tooltip, you can use
aria-describedbyto link the field to its corresponding instructions or tooltip element.
aria-expanded: This attribute indicates whether an element is currently expanded or collapsed. For example, if you have an accordion that expands and collapses sections of content, you can use
aria-expandedto indicate the current state of each section.
aria-disabled: This attribute indicates whether an element is currently disabled or not. For example, if you have a form button that is only enabled after a certain condition is met, you can use
aria-disabledto indicate that the button is disabled until the condition is met.
By using ARIA attributes, web developers can make their content more accessible to people with disabilities, including those who use assistive technologies like screen readers, voice recognition software, and alternative input devices.
- Abbreviation: ARIA