marcysutton / workshop-a11y-testing

Materials for an accessibility testing workshop

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