Web Accessibility (a11y) Basics — Roadmap Step & Resources
ARIA roles, alt text, keyboard navigation and writing accessible markup
- Level: beginner
- Estimated time: 1 days
- Roadmap: Next.js Full Stack
Before this step
Mini projects
- Run an accessibility audit on a page and fix issues
Interview questions
- What is ARIA and when is it needed?
- How do screen readers interpret semantic HTML?
Study resources
- Accessibility (Article) — MDN's core accessibility module, covering why and how to build accessible interfaces.
- ARIA Basics and Web Accessibility (Article) — MDN's guide on when and how to implement ARIA roles and attributes for screen readers.
- Web Accessibility Checklist (Article) — The A11Y Project's definitive practical checklist for testing contrast, tab order, and screen reader labels.
- The A11Y Project Checklist (Article) — Practical WCAG compliance checklist for testing color contrast, keyboard focus, and semantics.
Part of
- HTML — section
- Next.js Full Stack roadmap — the full learning path