a11y

guidelines, methods and tools

• Guidelines
• Methods
• Tools

Guidelines

WCAG

• How to Meet WCAG (Quick Reference) - A customizable quick reference to Web Content Accessibility Guidelines (WCAG) 2 requirements (success criteria) and techniques. W3C WCAG 2.0
• Designing for Web Accessibility - Some basic considerations to help you get started making your user interface design and visual design more accessible to people with disabilities. W3C WCAG WAI
• Developing for Web Accessibility - Some basic considerations to help you get started developing web content that is more accessible to people with disabilities. W3C WCAG WAI
• MDN Web Docs: Accessibility - The MDN Accessibility Learning Area contains modern, up-to-date tutorials covering accessibility essentials. moz://a WCAG WAI

WAI-ARIA

• WAI-ARIA Authoring Practices - A guide for understanding how to use WAI-ARIA 1.2 to create an accessible Rich Internet Application. W3C WAI-ARIA 1.2
• What Is ARIA Even For? Heydon talks about some common pitfalls of using ARIA with the help of Ada Lovelace, a goat, and a dinosaur with a <table> for a head. 2021 Webbed Briefs by Heydon Pickering

Progressive Enhancement

• Is Progressive Enhancement Dead Yet? Heydon uses a shark in a fez, Tony Hawk, and a couple of zombie lads to explain progressive enhancement. 2021 Webbed Briefs by Heydon Pickering
• The power of progressive enhancement The benefits of progressive enhancement are incredible, so it’s really worth considering. Smaller, more considered payloads are only ever going to improve everyone’s experience, not just your own. 2018 by Andy Bell

Methods

• W3 Web Accessibility Tutorials - Guidance on how to create websites that meet WCAG. W3C WCAG WAI
• Digital Accessibility Foundations (Free Online Course) - The “Introduction to Web Accessibility” online course provides the foundation you need to make your digital technology accessible. W3C WCAG WAI
• Inclusive Components - A blog trying to be a pattern library. All about designing inclusive web interfaces, piece by piece. by Heydon Pickering

Tools

WCAG

• The A11Y Project WCAG Checklist - Check your WCAG Compliance. The A11Y Project WCAG WAI
• WCAG-EM Report Tool - WCAG-EM Report Tool turns your accessibility evaluation findings into a report. It is based on the Web Content Accessibility Guidelines Evaluation Methodology (WCAG-EM). W3C WCAG

Inclusive Design

• Inclusive Web Design Checklist - Aims to be the biggest checklist of inclusive design considerations for the web ever. Includes items for accessibility, performance, device support, interoperability, and language. by Heydon Pickering

Color and Contrast

• Who Can Use - Who can use this color combination? MIT License (Source Code)