Simple Guides to Web Accessibility
Welcome. This site exists because accessibility guides can be hard to read: full of jargon, buried in specification text, or spread across dozens of pages. We've distilled the essentials into short, practical guides you can act on today.
Whether you're a developer writing your first semantic HTML, a designer checking your color palette, or a content writer figuring out alt text, there's something here for you.
Where to Start
New to accessibility? Start with What is WCAG? for the big picture, then move on to Semantic HTML, which gives you the most impact for the least effort.
Already familiar with the basics? Jump straight to the guide that matches what you're working on today.
Guides on This Site
- What is WCAG? An introduction to the Web Content Accessibility Guidelines, what the four principles are, how the three conformance levels work, and why it matters.
- Writing Good Alt Text Alt text is one of the first things screen reader users encounter on a page. Learn when to write it, what to say, and when to leave it empty.
- Color Contrast Explained The numbers behind WCAG's contrast requirements, what 4.5:1 really means, which text sizes get a lower threshold, and how to test your own designs.
- Semantic HTML Basics Choosing the right HTML element is the single most effective thing you can do for accessibility. This guide covers headings, landmarks, links, and lists.
- Keyboard Navigation Not everyone uses a mouse. This guide explains what keyboard accessibility means, which WCAG criteria cover it, and the most common ways it breaks.
About This Site
A11yGuides.com was built as a resource for developers, designers, and content authors who want to learn about web accessibility without wading through the full WCAG specification. All guidance here is grounded in WCAG 2.2, the current W3C standard as of October 2023.
A11y is a numeronym for accessibility: there are 11 letters between the A and the Y.