Our Accessibility Team at Hawkes Learning has gathered several of their favorite resources for learning about and testing a website’s accessibility. As we work toward becoming WCAG 2.0 Level AA compliant, we’ve learned from some of the best sources within the accessibility community. Below are five that our team recommends using if you’re a developer or content creator interested in learning more!
1. U.S. Web Design Standards
This visual style guide and library of open-source UI components serves as a model for creating beautiful and easy-to-use accessible websites.
2. tota11y
This very approachable accessibility evaluation tool uses color overlays and helpful violation explanations, allowing web developers to quickly visualize and address issues without extensive prior knowledge of web accessibility.
3. a11y Toolbar
This toolbar for websites allows users to choose high-contrast and/or grayscale views as well as adjust the text size. It is based on ally.js.
4. Accessibility Checker
This testing tool for web content created in CKEditor quickly identifies accessibility issues and automatically fixes common problems, allowing content creators who are not trained in accessible web development to create accessible content from the ground up.
5. AInspector Sidebar
This web accessibility testing tool for Firefox clearly identifies violations of WCAG 2.0 and ARIA standards. The user-friendly interface provides detailed summaries of test results along with links to techniques for correcting violations.