Lesson 13How to evaluate the accessibility of your web content?
- Notion 90 - Evaluating your digital project's accessibility with the use of automated testing tools
- Notion 91 - Tools for evaluating colour choices and contrast
- Notion 92 - Tools for evaluating your digital project’s readability
- Notion 93 - Tools for inspecting your digital project's code
- Notion 94 - Tools for testing for any other accessibility violations
- Notion 95 - Tools for evaluating overall compliance with WCAG standards
- Notion 96 - Test the accessibility of web pages yourself with automated tools
Notion 93
Tools for inspecting your digital project's code
Target skills
The importance of automated testing for accessible code
If you’ve written and developed the code for your digital project, running a check for unnecessary components and code lines is an important part of the design process. Numerous elements can clutter your code and make it more challenging to read with assistive technologies. However, removing the ‘junk’ from your code is a process that could be done much more efficiently with automated testing tools. They ensure that your code is cleaner and better organised, and therefore, accessible to a wide range of users.
External links to test your digital project’s code for accessibility issues
The tools mentioned here can catch accessibility issues at the inception of your digital project as soon as you start coding. They solve errors, find typos, identify incorrect uses, minify code, and offer support. Some even advise on usability risks.
CSS Validation Service: http://www.css-validator.org/
W3C Markup Validation Service: https://validator.w3.org/
HTML_CodeSniffer: http://squizlabs.github.io/HTML_CodeSniffer/
Rocket Validator: https://rocketvalidator.com/
Online JavaScript/CSS/HTML Compressor:
https://refresh-sf.com/
This is what the HTML_CodeSniffer tool looks like in practice:
