Accessibility (ARIA)

Summary

ARIA attributes (`aria-label`, `aria-hidden`, `role`, etc.) fill gaps where native HTML semantics aren't enough, helping assistive technologies understand your UI. Accessibility is broader than ARIA: correct semantics, keyboard operation, focus management, contrast, labels, headings, and understandable feedback should form the foundation of an accessible interface.

• 1Try navigating a site using only a keyboard (Tab, Enter, Esc). Inspect the result in DevTools or the console and explain what you observed.
• 2Turn on a screen reader (VoiceOver/NVDA) and browse a page you built. Validate your understanding by applying it in a small practical example.
• 3Follow the rule 'no ARIA is better than bad ARIA' — prefer semantic HTML first.