Skip to content
A11y Coffee ☕️

Dig In To Web Accessibility

Keep digging deeper! Here are an assortment of resources, articles and courses -- free, paid, and with subscription.

So when are you an accessibility professional? My answer is... shrug? Keep caring, keep learning, keep championing change in your teams and codebases. To read more on this topic, check out Accessibility Pro Certified: To Be or Not To Be.

Courses

Free

  • Web Accessibility: A free Udacity course created as a partnership between Google and AT&T.

With Subscription

Intro Guides

Resources

Articles

  • 24 Accessibility is a series of articles related to web accessibility. New content is published every day for the first 24 days of December each year.
  • A List Apart (Topic: Accessibility). A List Apart is a web zine about web topics. These are all the articles published on A List Apart tagged with accessibility.

Communities

  • The Web A11y Slack is a Slack team devoted to web accessibility topical discussion. Ask questions, share resources, get advice, etc. It used to have a landing page to request an invite, but that doesn't appear to exist anymore. @ me on Twitter at @amber1ey and I'll invite you!

Tools

The below includes things I reach for a lot. The A11y Project also has a comprehensive listing of resources.

  • Lighthouse: An open-source automated tool for measuring web pages.
  • WAVE: An accessibility testing tool made by WebAIM.
  • Axe: An accessibility testing engine for websites and other HTML-based user interfaces, made by Deque.
  • Accessibility Insights: A comprehensive, free set of testing tools from Microsoft, using Axe under the hood.
  • Pa11y: A range of free and open source tools to help designers and developers make their sites more accessible (including a command-line interface, web dashboard, and CI integration tool).
  • cypress-axe: A package providing commands for Cypress to run a11y checks with axe-core.
  • Chrome DevTools color picker contrast ratio score: Check out this Egghead lesson to learn how to use the built-in color contrast ratio-aware color picker in Chrome DevTools.