Automated Accessibility Testing with Gatsby

Learn to test web applications for accessibility with Gatsby and React.js from Gatsby's Lead Developer Relations Engineer Marcy Sutton.

Presented at:

• Smashing Workshop

---

Note: This repo requires Node.js 12+ and npm to be installed.

1. Install Gatsby CLI:

npm install -g gatsby-cli

1. Create a new Gatsby site using this starter

gatsby new test-a11y https://github.com/marcysutton/workshop-a11y-testing

3. Go into the directory and start the development server

cd test-a11y
gatsby develop

View in a browser: http://localhost:8000

4. Edit files:

   • Site pages: src/pages/*
   • Site components: src/components/*
   • Component unit tests: src/components/__tests__
   • Templates: src/templates/*
   • Integration tests: cypress/*

Prerequisites

1. Have a text editor installed, i.e. VS Code
2. Have Node.js 12+ and npm installed