Accessibility (a11y)

25 min read

ARIA RolesAlt TextKeyboard NavigationFocus StatesScreen ReadersWCAG

Building for Everyone

Over 1 billion people worldwide have some form of disability. Accessibility isn't optional — it's a legal requirement in many countries and simply the right thing to do.

ARIA Roles

ARIA (Accessible Rich Internet Applications) attributes provide extra context to assistive technologies. Use them when native HTML semantics aren't enough.

Every interactive element must be reachable and operable via keyboard. This means proper tabIndex, focus management, and visible focus indicators.

Alt Text

Every meaningful image needs descriptive alt text. Decorative images should have alt="" to be skipped by screen readers.