🗺️ Site map
Every page, in one place
The whole site laid out by section, so you can see what is here and jump straight to it. A site map is not decoration: WCAG calls it one of the multiple ways a person should be able to find a page, alongside the menu and the search boxes, and it is the fastest overview for anyone using a screen reader or simply new to the site.
01 Lessons and core
- The ten lessonsThe home page. Each lesson shows a component built wrong and built right, side by side and live, with a "test it yourself" section at the end.
- Developer code examplesTen topics of inaccessible and accessible HTML, CSS and JavaScript you can copy, plus seven live ARIA component patterns.
- Colour and contrastWhat the contrast ratio means, the thresholds to hit, an interactive checker, and why colour alone is never enough.
- Knowledge checkTwenty-seven questions across five topics, with instant feedback and a topic filter to drill one area.
02 The four part course
- Course overviewThe front door: what each part covers, how long it takes, and a four session shape for running it with a team.
- Part 1, foundationsWhat accessibility means, the medical and social models, the curb cut effect, and universal design.
- The models of disabilityA deep dive off part 1: every model, one situation read nine ways, and how to run it as a sensitisation session.
- Part 2, standards and frameworksEvery standard and law, the four kinds of document, and a "which one do I reach for" table.
- Part 3, measuring on siteSlope maths, measuring a ramp, an interactive ramp checker and stair checker, key dimensions, and a site audit method.
- Part 4, testing what you buildA fifteen minute pass, keyboard and screen reader testing, a live text spacing demonstration, and how to write a finding up.
Physical accessibility
- The complete visitor journeyArrival, routes, doors, ramps, toilets, controls, wayfinding and exits, with a field observation worksheet.
- Ramp plannerFind rise, run or slope; compare ISO and ADA dimensional checks; plan flights and landings; print your findings.
- Physical accessibility toolboxChoose a ramp, door or parking planner, find the field worksheet, and learn a measurement method.
- Door clearance plannerChoose a manual hinged-door approach and compare manoeuvring dimensions against selected ADA requirements.
- Parking provision plannerCalculate accessible parking and the van subset for one general facility; explore bay-and-aisle arrangements.
03 The social media guide
- The guideThe hub: eight do and don't topics, an interactive hashtag reader, a 60 second checklist, and a per-platform reference.
- The 16 point checklistEvery category, C1 to C16, each with a clear do and don't example.
- Writing alt textThe purpose test, decorative images, text in images, and the difference between alt text and a description.
- Alt text, platform by platformStep by step for Instagram, X, LinkedIn, Facebook, TikTok, Bluesky and more, with each one's limits.
- Captions and videoOpen and closed captions, fixing auto-captions, transcripts, and describing what the camera shows.
04 Reference
- Every WCAG criterionAll 86 success criteria of WCAG 2.2, filterable by level and version, in plain language.
- Accessibility laws by country23 laws and standards from around the world, what each one requires, and who it applies to.
- Glossary102 terms in plain language, searchable, each with an example and a link to the page that covers it.
- Tools and linksStandards, free testing tools, screen readers, places to keep learning, and a printable card of every number the site teaches.
05 About this site
- Accessibility statementHow accessible this site is, what was tested and how, what was not, and a template for writing your own.
- Site mapThis page.
One page is deliberately left off the list above: the not-found page, which you normally reach only by following a broken link. It is there to send you back, not to be visited on purpose, which is also why it is the one page kept out of the sitemap.