PROJECT

Access Guide

A friendly introduction to digital accessibility based on WCAG 2.1 (Web Content Accessibility Guidelines, pronounced "Wuh-Cag")
screenshot of Access Guide website with fun cartoon characters at the top
Screenshot of the Access Guide website, which has a searchbar at the top and cards below with titles, illustrations, and colorful tags.

About Access Guide

While accessibility is critical to software development, learning about accessibility can often feel overwhelming and confusing. I created a tool with the intent to make learning feel fun and exciting instead.

Access Guide is organized into cards with actionable names and descriptive illustrations. The cards are tagged by their WCAG compliance level (A, AA, AAA), the type of disability they serve (cognitive, hearing, physical, visual), and the type of work required (design, code, content, etc). The tag-based system helps people find and understand accessibility guidelines by theme.

The content was written and illustrated primarily by myself, with support from amazing friends and colleagues along the way. If you'd like to support my work, you can visit my Ko-Fi page.

Access Guide was built with Webflow (and so is this site!).

Visit Access Guide
Screenshot of ASL page
Screenshot of a page on Access Guide titled, "Provide ASL interpretation of video." Below are the tags. To the left is a colorful illustration of a cartoon speaker and ASL interpreter.
Screenshot of glossary page
Screenshot of the glossary page on Access Guide, which includes definitions for: ASL, Authenticate, CSS, Focus, and HTML.
Screenshot of checklist page
Screenshot of the testing page on Access Guide. It includes checklist items for automated and semi-automated testing.
Screenshot of the front page, which shows a gallery of cards
Screenshot of the front page of Access Guide, which displays a grid of cards with bold titles and colorful illustrations and tags.

Reflection

Zoomed out view of all the illustrations
Screenshot of the Figma file with several rows and columns of illustrations.

Access Guide was a labor of love over 4 years of research, writing, making mistakes, and incorporating feedback. Here are my top learnings:

  • Accessibility is very nuanced. Sometimes there is no clear answer or "right way" of doing things.
  • Processing feedback in a productive way is difficult, but critical to self-improvement.
  • We don't owe every single person on the internet a response.