Accessibility, step by step
Roughly in order of how many people each affects.
- Keyboard onlyTab through everything. Every control reachable, focus always visible, no traps.
- Text alternativesalt on meaningful images; alt="" on decorative ones. Never omit the attribute.
- Contrast4.5:1 for body text, 3:1 for large text and UI boundaries.
- StructureOne h1, headings in order, real lists, labelled form fields.
- Motion and timingHonour prefers-reduced-motion. Never auto-play or auto-advance.
Quick wins
- lang on <html>
- A visible :focus style
- <label for> on every input
- Skip-to-content link
Automated tools catch about a third of issues. The rest need a keyboard, a screen reader, or a person.
Questions about the Accessibility poster
- What’s on the Accessibility poster?
- 5 numbered steps, with a full worked run-through. Roughly in order of how many people each affects. Keyboard only — Tab through everything. Every control reachable, focus always visible…; Text alternatives — alt on meaningful images; alt="" on decorative ones. Never omit t…; Contrast — 4.5:1 for body text, 3:1 for large text and UI boundaries.; Structure — One h1, headings in order, real lists, labelled form fields.; Motion and timing — Honour prefers-reduced-motion. Never auto-play or auto-advance.. Automated tools catch about a third of issues. The rest need a keyboard, a screen reader, or a person.
- Who is the Accessibility poster for?
- Accessibility belongs to the Computing section rather than to a school year, because computing is not something one grade owns. Anyone learning the web can pin it up — a beginner, a student mid-course, or someone revising years later.
- When should you use the Accessibility poster?
- Try your page with the keyboard alone. That single test finds more than any automated scan. A wall chart earns its place by being glanceable from where the work is happening, so Accessibility belongs on the wall where that computing work actually happens, within glancing distance, rather than filed away.
- What other posters go with Accessibility?
- ARIA, How a Browser Renders and Cookies & Storage sit alongside Accessibility in the Computing section. Printed together they make a wall rather than a single sheet, which is how a reference set actually gets used.ARIAHow a Browser RendersCookies & Storage
- Is the Accessibility poster free to download and print?
- Yes. Accessibility downloads as a free PDF with no account, no email and no watermark, like everything else in the Computing section. Print as many copies as you like for a home, a classroom, a library or a tutoring group; reselling the file is the only thing the licence rules out.Read the licence
- What size does the Accessibility poster print at?
- Accessibility is a vector PDF laid out for US Letter, and prints on A4 with Fit to page — the same file, no separate download. Because every mark on it is drawn rather than photographed, it stays sharp enlarged to A3, A2 or A1 at a copy shop. Colour carries emphasis only, so a greyscale print of Accessibility loses nothing.Printing guide
Related posters
Charts that sit alongside Accessibility on the same wall.
Browse every Computing poster, or start from the full catalogue.