[Author: Bill Fischer]
Testing our work during the development process will maximize the universal quality of the media we create. Choosing the right digital tool each test is important, but nothing can replace actual user testing in the field.
Testing Web Media Attainability
Web content should be fast loading on 3g networks, respond to every device size, and be usable on phones. Over half of all page views on the internet are from mobile devices. Below, are three tools to help you with assessment.
- Google's mobile speed tester (external link)
- Google Mobile Friendly Usability Tester (external link)
- While developing your site, check it on multiple device sizes right on your laptop or desktop using the Responsive Testing Tool (external link)
Website CReation Software
There are two low-code site builders that I have experience with and they are listed below. These website building tools write compliant code, but it remains up to the designer to make smart choices in imaging, layout, color, alt tag writing and proper use of headers to achieve an accessible site. If you are using a different site-building tool, you can test their themes for compliance using the attainability and usability tools listed on this page.
- Has been a leader in ensuring its site building software writes compliant code. When choosing a third-party theme, look for those that build-in accessibility. KCAD-DAD prefers the Elegant Themes Divi theme that come with the Divi visual builder plugin. We also install the Divi accessibility plugin, which continues to update the accessibility capabilities of the Divi theme. It passes WCAG 2.1 requirements out of the box and allows site building from a blank canvas.
New Google Sites
- Is the most efficient and easiest tool for building compliant websites. It's free and I built this site with it.
- It is very limited in customizability.
- Is the our tool for creating HTML5 content, which can integrate audio and animation into web-media. It is a low-code visual builder that also allows full access to the code for developers. We have. You can view the HTML5 Framework (external link) we built with a section for screen-reader accessibility and download the HTML5 Framework here (external link).
Vision Impairment Simulators
- No Coffee: Chrome Extension that can simulate many site impairments (external link).
- Toptal Colorblind Web Page Filter: can simulate four types of color blindness using any web browser (external link).
- Chromatic Vision Simulator: Mobile App that uses your phone's camera to see the world with color-blindness (external link).
Interfacing with your users
Affective usability assessment starts before and runs all the way through the development process.
WCAG Accessibility Checkers
- Check your site in this free on-line comprehensive WCAG Checker called WebAim (external link). There are also Firefox and Chrome Extensions for the Wave Checker (external link).
- Romeo Elsevier Checklist for WCAG standards (external link) for web-based media.
- AChecker for WCAG standards (external link) (provides code line feedback)
- WebAim guide for screen reader compatibility (external link) for help with writing and code development.
NVDA Screen Reader
- Free and available for Windows only
- Is one of the most commonly used software for testing websites.
- Learn more about the NVDA screen reader (external link)