Open the index.html in a web browser to access the homepage. There, you can choose between three different pages, depending on what you want to focus on first. The "blind"-page might be the most time-consuming. It's perfectly fine to switch between pages and tasks.
Each page has its own CSS, JavaScript, and HTML located in its own folder, so what you do on one task will not affect the others.
If you want to use the helpful plugins below, you need to run the page on a server. There are some helpful extensions for this. For example Live Server for VSCode.
- Blurry-eye Test: To see how a website looks for visually impaired users
- WAVE: Accessibility tool
- Siteimprove Accessibility Checker: Accessibility tool that also contains a filter to view the page as colorblind
- Funkify is an extension for Chrome that helps you experience the web and interfaces through the eyes of extreme users with different abilities and disabilities.
- How should one set up SVG and multi-img images
- Support different default font size on iOS
- About supporting prefers-reduced-motion
- About the difference between keyboard navigation and screen readers, interesting video at the end showing someone using a screen reader
- When should I use pixels and when should I use rem?
- Zoom