Welcome to the Accessibility Testing Workshop repo! This corny taco delivery service website is our playground for exploring accessibility testing with Chrome DevTools (and beyond).
with-accessibility-bugsbranch
It does what it says on the tin: this branch deliberately contains a lot of accessibility-related issues. It is your job to find and, if you like, fix them.
mainbranch
Steer clear for now. This branch is the more accessible version of the same website and should be used in the end or when you get very stuck. No peeking 😉
-
Use the published website for testing first. Test with all the tools we've just discussed: everything that is available in Chrome DevTools, including the automated Lighthouse Accessibility Report, the Accessibility Tree, rendering different views and user preferences, but also manual testing, such as using the keyboard to navigate the page, inspecting elements, color contrast, etc.
-
If you like, and there is time, next, you can clone the repo, check out the branch containing the accessibility bugs and attempt to fix them.
-
When you feel like you are done, you can check the main branch to see how it compares.
This project is intentionally extremely simple — the focus isn’t on fancy UI, but on helping you learn how to spot, understand, and fix common accessibility issues using Chrome DevTools.
Have fun, explore, and happy testing!