• Skip to main

Building Accessible Sites with Gatsby

Navigation

  • App Home
  • Slide deck
  • Demos

    • Dropdown
    • Announcer
    • Layout
    • Animation
    • Enhanced Tablist
  • Concepts

    • Focus management
    • Announcements
    • Semantic HTML
    • Unobtrusive motion
    • Progressive enhancement

Let’s make the web more accessible!

Here are some web accessibility tools, resources, and books for web designers and developers.

Testing Tools

  • axe by Deque
  • Cypress-axe
  • eslint-plugin-jsx-a11y
  • Lighthouse
  • Accessibility Insights for Web
  • WAVE
  • Color Contrast Analyzer
  • Firefox Web Developer Extension
  • Chrome Accessibility Inspector
  • Chrome Color Contrast Debugger
  • Accessibility Support matrix

Screen reader cheat sheets

  • Voiceover
  • NVDA
  • JAWS

Resources

  • React Accessibility
  • A11y Project
  • Deque University
  • WebAIM
  • Web Accessibility Initiative at the W3C
  • Web Content Accessibility Guidelines
  • ARIA Authoring Practices Guide
  • The Rules of ARIA from the W3C
  • Mobile Accessibility at W3C
  • Web Accessibility for Designers
  • A11y Style Guide
  • Hacking Digital Styleguides for Accessibility by Tatiana T. Mac
  • Google/Udacity Web Accessibility course
  • Egghead.io: Start Building Accessible Web Applications Today
  • Accessibility Wins
  • Who to follow in accessibility

Books

  • Structured Negotiation
  • Inclusive Design Patterns
  • Smashing Book 6: New Frontiers in Web Design
  • Accessibility for Everyone
  • Apps for All: Coding Accessible Web Applications
  • Form Design Patterns
  • Practical Approaches for Building Accessible Websites
  • Don't Make Me Think
  • A Web for Everyone
  • Just Enough Research