A11y
ELI5 — The Vibe Check
A11y is a nerdy shorthand for 'Accessibility' — there are 11 letters between the A and the Y. It means making your website usable by people with disabilities: blind users with screen readers, keyboard-only users, people with color blindness. It's not optional, it's just being decent.
Real Talk
A11y (accessibility) refers to the practice of designing and developing web applications usable by people with disabilities. This includes semantic HTML, proper ARIA attributes, keyboard navigation support, sufficient color contrast, and screen reader compatibility. Legal requirements (WCAG, ADA, EN 301 549) mandate a11y compliance in many jurisdictions.
Show Me The Code
<!-- Bad -->
<div onclick="submit()">Submit</div>
<!-- Good -->
<button type="submit" aria-label="Submit order form">
Submit
</button>
When You'll Hear This
Our a11y audit found 12 violations that need fixing.,A11y is a legal requirement for government websites.,Use the axe DevTools extension to catch a11y issues early.
Related Terms
ARIA
ARIA stands for Accessible Rich Internet Applications.
Screen Reader
A screen reader is software that reads your website out loud for people who can't see the screen.
Semantic HTML
Semantic HTML means using the RIGHT tag for the job instead of wrapping everything in divs.