Accessibility Resources
Importance of Accessibility
- Inaccessible websites keep disabled people out of work
- Design for User Empowerment
- UX and the Importance of Web Accessibility
- Supreme Court allows blind people to sue retailers if their websites are not accessible
- The WebAIM Million: Annual accessibility analysis of the top 1,000,000 home pages
- Researchers Are Making Memes Accessible to the Blind
- Designing for disability (TED Talk Playlist)
General Tips
- Developing for Web Accessibility – Tips for Getting Started
- Accessibility posters
- Welcome to The Inclusive Design Guide
- Inclusive Learning Design Handbook
- The Ultimate Web Accessibility Checklist
- How to Meet WCAG (Quick Reference)
- Digital Accessibility Foundations - Free Online Course
- Introduction to Web Accessibility and W3C Standards (video)
- Introduction to Web Accessibility
- Design and Develop Accessibly - Overview
- W3C Accessibility Standards Overview
- What to Consider When Choosing Colors for Data Visualization
ARIA
- What the Heck is ARIA? A Beginner’s Guide to ARIA for Accessibility
- ARIA Roles and Attributes: How to Actually Use Them
- What is WAI-ARIA? (Video, 13 min)
- Intro to ARIA (Video, 9 min)
Accessible JavaScript
- WebAIM’s Accessible Javascript and Accessible Dynamically Generated Content
- Mozilla Handling common accessibility problems: Javscript
Accessibility Testing
Manual Testing
- The 6 Simplest Web Accessibility Tests Anyone Can Do
- How I do an accessibility check (video)
- The 25 Best Free Accessibility Tools to Test Your Site - Accessible Metrics
- Paletton (Color Scheme Designer) (has a vision simulation on the bottom right corner of the color box palette)
- Chromatic Vision Simulator uses your camera phone to let you see how presentations, websites, graphs, and other visuals appear to someone who is colorblind.
Automatic Testing
- Colour Contrast Analyser
- Diagnostic.css – Super quick web accessibility testing
- W3C’s Markup Validation Service
- The W3C CSS Validation Service
- Ready to check - Nu Html Checker
- WAVE Web Accessibility Evaluation Tool
- The 25 Best Free Accessibility Tools to Test Your Site - Accessible Metrics
Additional Resources and Tools
- 8 Tips for Improving Bootstrap Accessibility
- Adding A Dyslexia-Friendly Mode To A Website
- How to Accessibly Split Text
- Digital A11y Accessibility Toolkit
- Github Web Accessibility Collection
- ally.js
- JavaScript library that simplfies certain accessibility features. * An overview of accessible web applications and widgets widgets
- Inclusive Design Patterns (book available for purchase)
- Inclusive Components (book available for purchase)
- turretcss