Learn the necessary techniques and tools for building inclusive web applications with JavaScript from Marcy Sutton.
Presented at Frontend Masters! You can view the videos that go along with the workshop material in the Accessibility in JavaScript Application course.
Some key takeaways:
App URL: https://marcysutton.github.io/js-a11y-workshop
Workshop slides: https://marcysutton.github.io/js-a11y-workshop/slides/
This project was started with gatsby-starter-mdx-basic and @mdx-deck/theme.
Note: This repo requires Node 12 and npm to be installed.
git clone https://github.com/marcysutton/js-a11y-workshop
cd js-a11y-workshop
npm install
npm start
View in a browser: http://localhost:8000
Edit files:
src/pages/*
src/components/*
src/templates/*
src/slides/index.mdx
To look at the answers from the exercises, check out the /examples
directory in the master
branch
You can also check out the solutions
branch to see everything in action: https://github.com/marcysutton/js-a11y-workshop/tree/solutions
npm install -g gatsby-cli
If you run into errors on the install, check your Node version for version 12. Sharp in particular likes to complain a lot.
To get Gatsby to install after errors, try deleting files and doing another reinstall:
rm -rf node_modules && rm package-lock.json
npm install
If you still run into problems, let me know by opening an issue and including details on any errors, Node version, platform, etc.