Accessible Design Concerns
Designing accessible web projects requires understanding how people with visual, cognitive, and auditory disabilities access web content - and how certain features may inhibit access. Articles and accessibility tools are listed below, organized by accessibility concern.
Color and Contrast
- WebAIM Visual Disabilities Page: Introduction
- WebAIM Contrast Checker
- WhoCanUse Contrast checker
- Colour Contrast Checker Chrome browser extension
- WCAG Contrast Checker Firefox browser extension
Images
- W3C Web Accessibility Initiative's Web Accessibility Tutorials: Images Concepts
- Mozilla Developers Network Web Accessibility for Seizures and Physical Reactions
- W3C Working Group Text Alternatives Guidelines explains Alt-Text requirements in the WCAG 2.0
Media
- WebAIM's article Captions, Transcripts, and Audio Descriptions discusses captioning best practice
- Mozilla Developers Network Accessible Multimedia
- Mozilla Developers Network Web Accessibility for Seizures and Physical Reactions
- W3C Web Accessibility Initiative’s Making Audio and Video Media Accessible
- Photosensitivity Epilepsy Analysis Tools from the University of Maryland
Text and Page Organization
- Mozilla Developers Network Cognitive Accessibility Guide
- W3C Working Group Keyboard Accessible: Understanding Guidelines 2.1 explains WCAG 2 guidelines for keyboard accessibility
- W3C Web Accessibility Initiative's Web Accessibility Tutorials: Menu Concepts
- W3C Web Accessibility Initiative's Web Accessibility Tutorials: Tables Concepts