Accessibility

Best Practices | Branding Blogs | CSS Guidelines | Design Blogs | Essays on Design

Freelance Business | Getting Started | Inspiration | Javascript | Libraries | Performance

Reference | Staying Current | SVG | Toolbox | Typography | UI / UX Design | Workflow

Articles

• Advice for creating content that works well with screen readers
• 10 rules for efficient form design
• A11ycasts
• A11Y Dialog
• Automated Accessibility Checking with aXe
• 15 Rules to Making Accessible Links
• CAPTCHA - Inaccessible to everyone
• Design like we give a damn!
• Design for Web Accessibility from the Beginning
• Getting Started with Web Accessibility
• Improving Single Page App Accessibility with a11y_kit
• Lesson from building mobile frindly accessible data tables
• Links vs Buttons in modern web applications
• Simply Accessible - Articles
• The Accessibility Cheatsheet
• The web accessibility basics
• What is WAI-ARIA, what does it do for me, and what not?
• WebAIM - Introduction to Web Accessibility
• What is Web Accessibility
• Web Accessibility Tutorial

Books

• A Web for Everyone - Designing Accessible User Experiences
• Adaptive Web Design - by Aaron Gustafson
• Apps For All: Coding Accessible Web Applications - by Heydon Pickering
• The Artist’s Way by Julia Cameron
• Building Accessible Websites - A new book on Web Accessibility by Joe Clark
• Designing with Progressive Enhancement: Building the Web that Works for Everyone
• Designing with Web Standards
• Inclusive Design Patterns - by Heydon Pickering
• Megg’s History of Graphic Design by Philip B. Meggs
• Microinteractions: Designing with Details by Dan Saffer 
• Pro HTML5 Accessibility - by Joshue O Connor
• The Shape of Design by Frank Chimero
• Tragic Design
• UX Design And Content Strategy: The Project Guide - This hands-on resource for all UXers is a project guide to UX design and content strategy that explores the relationship through a website project.
• Web Accessibility: Web Standards and Regulatory Compliance - by Jim Thatcher

Checklists

• 18F Accessibility Guide Checklist — WCAG 2.0 compliance checklist for developers, driven by priority
• HHS.gov’s checklist for creating accessible PDFs — designing accessibly for artifacts that aren’t apps or websites is important, too!
• Vox Media Accessibility Guidelines Checklist — best practices for designers, engineers, PMs, QA, and editorial staff (with sources to read more — great to send to coworkers on different teams)

Guides

• Accessibility Guidelines
• Acessibilidade for Devs - pt-br
• Accessible Mega Menu
• a11yweekly
• ARIA Cheatsheet
• BBC Accessibility Standards Checker
• Easy Checks - A First Review of Web Accessibility
• Introduction to Web Accessibility
• Tuts+ Web Accessibility learning guide for Wordpress
• Understanding WCAG 2.0
• Web Accesible (Spanish)
• Web Accessibility Tutorials

Guidelines

• 18F Accessibility Guide — hub of accessibility resources and principles
• Empathy Prompts — open source list of considerations & challenges to help build empathy
• Google Material Design Accessibility Principles — practices for color, sound, motion, layout, copy, hierarchy, focus, and implementation
• Inclusive Design Principles — seven clear principles to follow to put people first, by leading experts The Paciello Group
• Microsoft Inclusive Design Principles — Microsoft’s guidelines for designing accessible and inclusive experiences, including a detailed manual (.pdf) with awesome visualizations, and activity cards for considerations & challenges while brainstorming

Online courses

• Aprende Accesibilidad Web paso a paso (Spanish)
• Pluralsight “Meeting Web Accssibility Guidelines” course — [paid] — practical course with code examples to meet Section 508 and/or WCAG 2.0 requirements for government/education projects
• Start Building Accessible Web Applications Today - By egghead.io
• Udacity Web Accessibility course, by Google — [free] — practical course focused on front-end design and development regarding markup and visual styling
•  Web Accessibility by Google - Developing with Empathy

Pattern/component libraries

• A11y Style Guide
• eBay MIND Patterns

Requirements and standards

• 🇨🇦 AODA — Accessibility for Ontarians with Disabilities Act, enacted for the province to become “accessible for people with disabilities by 2025”
• 🇺🇸 ADA — Americans with Disabilities Act prohibits discrimination against people with disabilities
• 🇺🇸 Section 508 — amendment to the Workforce Rehabilitation Act federally mandating all tech developed, procured, maintained, or used by the federal government be accessible to persons with disabilities
• WCAG 2.0 — the W3C’s “Web Content Accessibility Guidelines” web standards specification

Screen Readers

• ChromeVox
• JAWS - Desktop App - Windows Only
• NVDA - Desktop App - Windows Only
• Orca Screen Reader Desktop App - Linux
• Basic screen reader commands for accessibility testing - By Paciello Group
• VoiceOver - By Apple, iPhone App (iOS)
• VoiceOver - By Apple, Desktop App (Mac)

Talks and Lectures

• 10 Simples Rules for Making My Site Accessible by Helena Zubkow
• 30 Minutes or Less: The Magic of Automated Accessibility Testing
• A Saga dos 12 Tópicos de Acessibilidade - (pt-br) by Reinaldo Ferraz
• Acessibilidade na Web modo Jedi Master - (pt-br) by Reinaldo Ferraz
• Acessibilidade na Web: Levando nosso conteúdo a todas as pessoas - (pt-br) by Yan Magalhães
• Accessibility Debt by Robert DeLuca
• Angular Accessibility by Marcy Sutton
• ARIA Accessibility, APIS coding like you give a damn by Léonie Watson
• Frontend com Acessibilidade - (pt-br) by Horácio Soares and Clécio Bachini
• HTML Acessível by Reinaldo Ferraz
• JQuerySF - Victor Tsaran - The Modern Web and Accessibility
• Trabalhando com WCAG e WAI-ARIA de forma correta - (pt-br) by Talita Pagani
• WCAG is not scary anymore - A progressive approach to Website Accessibility

Testing tools and development references

• 508 Checker
• A11Y.css
• A11y Command-line Tools
• a11y-checker - Warn about HTML Markup code accessibility issue.
• Access Lint
• Access Monitor - (pt)
• Accessibility Developer Tools
• Accessibility Developer Tools for Chrome
• Accessible-email.org — browser-based semantic analysis to report a11y and usability issues errors in marketing emails
• aslint.org
• Check My Colours - Validator of Color Constrast
• Chrome Accessibility Tools
• Chromelens - Extension Google Chrome
• Colour Contrast Analyser – to test the contrast of your text against its background
• Color Oracle - App (Mac/Win/Linux)
• Colors palettes & contrast testing tools — listed in the “Colors” category 
• DaSilva - (pt-br)
• eslint-plugin-jsx-a11y - A static analysis linter of jsx and their accessibility with screen readers
• Headings Map - A Firefox add-on to check whether your heading structure is logical
• HTML5 Acessibility - Get the current accessibility support status of HTML5 features across major browsers.
• I want to see like the colour blind - Chrome Extension (Mac/Win)
• pa11y — automated accessibility testing on the command line for programmatic accessibility reporting
• React A11y - Identifies accessibility issues in your React.js elements
• Sim Daltonism - A color blindness simulator for Mac and iOS
• skip-to-content - A Polymer element for Skip to Content. by @afonsopacifer
• Tenon.io
• tota11y — Khan Academy’s jQuery-based semantic analysis that can be inserted into a page or run as a bookmarklet
• WAVE
• Web Accessibility Toolbar (WAT) - By The Paciello Group, IE Extension (Win only)
• WP Accessibility - Helps with a variety of common accessibility problems in WP themes. by @joedolson