Accessible Ariel
10 ARIA Attributes You'll Use Most in Forms
A Quick Reference
Ten ARIA attributes that come up constantly when building accessible forms — what each one does, and when to reach for it. No fluff, just the reference.
The Rules
Click any rule to expand it. Tags show which W3C WAI section it covers.
Full ARIA Checklist
Full ARIA Checklist
Every rule from this tutorial, mapped to the pattern it covers.
- aria-label — name a control without visible text
- aria-labelledby — point to existing visible text as the label
- aria-describedby — link hints and errors to a field
- aria-required — mark a field as required
- aria-invalid — mark a field as currently invalid
- aria-live — announce dynamic content changes
- aria-atomic — read the whole live region, not just the changed part
- aria-expanded — show open/closed state on a trigger
- aria-controls — link a trigger to what it controls
- aria-hidden — remove decorative content from the accessibility tree