← Logs

List of accessibility resources

Accessibility resources I've gathered over time

Accessibility

Beginner courses

  1. UX Foundations: Accessibility — Derek Featherstone, LinkedIn Learning. Good intro to accessibility, users and the barriers people face.
  2. Web Accessibility Tutorials — W3C WAI. Helpful examples and detail to build on the foundations course.
  3. Accessibility for Web Design — Derek Featherstone, LinkedIn Learning. Granular examples and how-tos. A solid extension of the foundations course.
  4. A11ycasts with Rob Dodson — YouTube. Granular examples with a code and screen reader focus.

WCAG quick reference

Checklists and audits

  1. WebAIM WCAG 2 Checklist — comprehensive summary of WCAG, good for intermediate level.
  2. WCAG, but in language I can understand — tempertemper. Simple plain-English copy for each criterion. Good for beginners.
  3. Giving a Damn About Accessibility — useful article/PDF covering user needs and organisational challenges.
  4. The A11Y Project Checklist — written in plain English, grouped by category.

Other checklists:

Cognitive disabilities

  1. Accessible Numbers — guidelines for presenting numbers and data clearly, covering low numeracy and dyscalculia.
  2. An Introductory Guide to Understanding Cognitive Disabilities — Deque.

Accessibility programme

  1. How to document the screen reader user experience — BBC. A thorough example of documenting an accessible UX.
  2. How Our Organisation Improved Web Accessibility — Smashing Magazine case study covering the most common accessibility issues.
  3. A real-world strategy for building accessible products — Heenesh Mistry.

Web references

  1. MDN HTML Docs — the authoritative reference for HTML specs.
  2. ARIA Authoring Practices Guide — W3C. ARIA specs and worked examples.
  3. WAI-ARIA 1.1 Cheat Sheet — roles, attributes, global states, properties and landmarks at a glance.
  4. Accessibility Support — community-driven tests showing how component builds behave with screen readers.

Display settings

System high-contrast is active. These settings will have no visual effect.

Theme
Contrast

Decorative is a lower-contrast mode for visual enjoyment. Some text and UI may not meet WCAG AA. Choose Low or High if readability matters to you.