WAVE Accessibility Checker
Why do we need to run WAVE accessibility checker?
- WAVE accessibility checker will identify many common accessibility issues
- We can quickly fix these issues and re-check to ensure they’ve been resolved
- Contributes to improved accessibility and book quality
- Helps us to meet AODA standards
Video Demonstration
View Use WAVE to find Problems on Screencast-o-matic (6 mins)
Video source: “Use WAVE to Find Problems” by Jen Booth is licensed under CC BY-NC 4.0, except where otherwise noted.
Process to Identify Common Accessibility Issues
Issue |
Description | Time stamp |
Concern | How to Fix |
---|---|---|---|---|
1 | Skipped Heading Level (H4) | 1:54 | Document structure, Screenreader | Fix Headings |
2 | Poor colour contrast (Grey on white background) | 2:16 | Low contrast | Fix Colour Issues |
3 | Layout table used | 2:48 | Screenreader, data vs. layout | Fix Layout Table |
4 | Poor colour contrast (green/orange on white background) | 2:58 | Low contrast | Fix Colour Issues |
5 | Use of colour to convey meaning (green/orange) | 3:05 | Relies on colour to convey meaning | Fix Colour Issues |
6 | Redundant link | 3:44 | Not an issue in this document | |
7 | Use of underline for emphasis | 3:53 | Confusing to all users, reserve underline to signal links only | Fix underline |
8 | Image with no alt-text | 4:23 | Not accessible to screenreaders, no content if image is broken |
Resources
- WAVE Browser Plugins
- Things to Watch For -Professional Web Accessibility Auditing Made Easy
Attributions & References
Except where otherwise noted, “WAVE Accessibility Checker” by Jen Booth is licensed under CC BY-NC 4.0.