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
  • 2021 update: Another Big Win in the Domino’s Pizza Accessibility Saga
  • TLDR: Twitter Thread
• 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)

Accessible Web Programming

What

• 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
• Accessible JavaScript

How to

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

Specific Features

• Adding A Dyslexia-Friendly Mode To A Website
• How to Accessibly Split Text

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

Manual Accessibility 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 Accessibility 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
• Web Accessibility Checker : Web Accessibility Checker
• The 25 Best Free Accessibility Tools to Test Your Site - Accessible Metrics

Other Resources and Tools

• 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)