Accessibility Resources
Everything you need to understand web accessibility, color contrast, and inclusive design
Why Accessibility Matters
Web accessibility ensures that websites, tools, and technologies are designed so that people with disabilities can use them. This includes people with visual, auditory, physical, speech, cognitive, and neurological disabilities.
But accessibility benefits everyone. Consider situational limitations like bright sunlight on a screen, a quiet environment where audio can't be played, or a slow internet connection. Accessible design creates better experiences for all users.
Understanding WCAG
The Web Content Accessibility Guidelines (WCAG) are the international standard for web accessibility, published by the World Wide Web Consortium (W3C). WCAG 2.2, published in October 2023, is the current version and is also an ISO standard (ISO/IEC 40500:2025).
The Four Principles (POUR)
WCAG is organized around four core principles. Content must be:
- Perceivable - Information must be presentable in ways users can perceive (sight, hearing, or touch)
- Operable - Interface components must be operable by keyboard, mouse, voice, and other input methods
- Understandable - Information and operation of the interface must be understandable
- Robust - Content must be robust enough to work with current and future technologies
Conformance Levels
Minimum
Basic accessibility features that don't significantly impact design. Essential for any website.
Recommended
The standard target for most websites. Required by most accessibility laws and regulations.
Enhanced
Highest level of accessibility. Not always achievable for all content types.
Color Contrast Requirements
Color contrast is governed by WCAG Success Criteria 1.4.3 (Contrast - Minimum) and 1.4.6 (Contrast - Enhanced). These ensure text is readable against its background for users with low vision or color blindness.
Normal Text
Under 18pt or 14pt boldLarge Text
18pt+ or 14pt+ boldUI Components
Icons, form inputs, focus indicatorsBeyond Color Alone
WCAG requires that color is not used as the only visual means of conveying information. Always provide additional indicators like icons, patterns, or text labels alongside color coding.
Designing for Color Blindness
Color vision deficiency affects approximately 1 in 12 men (8%) and 1 in 200 women (0.5%). Understanding the different types helps create designs that work for everyone.
Protanopia
Red blindness - difficulty distinguishing red from green, and red appears darker
~1% of malesDeuteranopia
Green blindness - most common form, difficulty with red-green distinction
~5% of malesTritanopia
Blue blindness - rare, difficulty distinguishing blue from yellow
~0.01% of populationAchromatopsia
Complete color blindness - sees only in grayscale
~0.003% of populationBest Practices
- Use high contrast ratios that work in grayscale
- Don't rely on color alone to convey meaning
- Add patterns, icons, or text labels to color-coded elements
- Test designs with color blindness simulators
- Avoid problematic color combinations like red/green or blue/yellow
Legal Requirements
Web accessibility is increasingly mandated by law. While specific requirements vary by jurisdiction and organization type, most reference WCAG 2.1 or 2.2 Level AA as the technical standard.
Americans with Disabilities Act (ADA)
United StatesTitle III applies to "places of public accommodation" and has been interpreted to include websites. The 2024 DOJ rule under Title II mandates WCAG 2.1 AA compliance for state and local government websites by 2026-2027.
Section 508
United States (Federal)Requires federal agencies to make their electronic and information technology accessible. Updated in 2018 to reference WCAG 2.0 Level AA.
European Accessibility Act (EAA)
European UnionEffective June 2025, requires products and services sold in the EU to be accessible. References WCAG 2.1 AA through EN 301 549.
Accessibility for Ontarians with Disabilities Act (AODA)
Canada (Ontario)Requires WCAG 2.0 Level AA compliance for public sector and large organizations.
Essential Resources
These authoritative resources will help you learn more about accessibility and stay current with standards and best practices.
Official Standards & Guidelines
- W3C Web Accessibility Initiative (WAI) The official source for WCAG and all W3C accessibility standards
- WCAG 2.2 Specification The complete official WCAG 2.2 technical specification
- WCAG 2 at a Glance A quick summary of the WCAG guidelines
- Section508.gov U.S. federal accessibility requirements and resources
Learning & Training
- WebAIM Web Accessibility In Mind - excellent tutorials, articles, and tools
- WebAIM WCAG Checklist Simplified, practical checklist for WCAG compliance
- The A11Y Project Community-driven accessibility resource with patterns and tips
- web.dev Accessibility Google's accessibility learning path and documentation
Color & Contrast Tools
- Who Can Use See how color contrast affects different vision types
- Color Oracle Free color blindness simulator for Windows, Mac, and Linux
- Color Blindness Simulator Test images and websites for color blindness accessibility
- Contrast Ratio by Lea Verou Simple, elegant contrast ratio calculator
Testing & Evaluation
- WAVE Web Accessibility Evaluator Free tool to evaluate web content for accessibility issues
- axe by Deque Industry-standard accessibility testing toolkit and browser extension
- Google Lighthouse Automated auditing including accessibility checks built into Chrome
- Accessibility Insights Microsoft's free tools for finding accessibility issues
Ready to check your colors?
Use our free tool to verify WCAG compliance and build accessible palettes.
Open the Contrast Checker