ARIA and Accessibility: label role aria-*
Associate labels with controls, apply ARIA roles where needed, and use aria-label and aria-describedby for screen reader support.
Why ARIA?
ARIA (Accessible Rich Internet Applications) is a set of HTML attributes that communicate the purpose, state, and properties of UI components to assistive technologies like screen readers — especially for custom widgets that have no native HTML equivalent.
The First Rule of ARIA
Don't use ARIA if a native HTML element or attribute can do the job. <button> is always better than <div role="button">. Native HTML is free accessibility.
All lessons in this course
- Form Controls: input types select textarea
- ARIA and Accessibility: label role aria-*
- Semantic HTML5: semantic vs div soup
- Form Validation Attributes