🗺️ 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

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.