What is colour
accessibility?

A quick reference guide for designers and marketers β€” covering the acronyms, the standards, and why it matters for every brand.

The basics

Why colour contrast matters

Approximately 300 million people worldwide live with some form of colour vision deficiency. A further 246 million people have moderate to severe visual impairment. When text doesn't have sufficient contrast against its background, it becomes difficult or impossible to read for a significant portion of your audience.

Beyond visual impairment, contrast affects everyone in challenging conditions β€” bright sunlight, small screens, ageing eyes, or cheap displays. Good contrast is not a niche concern. It is a fundamental of readable design.

The legal picture

It's now the law in many regions

Accessibility compliance is no longer optional for most organisations. The European Accessibility Act became enforceable on 28 June 2025, requiring all digital products and services sold into the EU to meet WCAG 2.1 AA as a legal minimum. Non-compliance can result in fines of up to €500,000 per infringement in some member states.

Similar legislation exists across North America, Australia, and the UK. Brands working with public sector clients, regulated industries, or any EU market need to be able to demonstrate compliance.

Acronym reference

The terms explained

Every term you'll encounter when working with colour accessibility standards.

WCAG
Web Content Accessibility Guidelines
The international standard for digital accessibility, published by the W3C. Defines the rules for colour contrast, text size, keyboard navigation, and much more. The current operative version is WCAG 2.2, published October 2023.
W3C
World Wide Web Consortium
The international standards organisation that publishes WCAG and governs web standards globally. WCAG is developed and maintained by the W3C's Web Accessibility Initiative (WAI).
WAI
Web Accessibility Initiative
The division of W3C responsible for accessibility standards. WAI publishes WCAG and provides guidance on implementing accessibility across web and digital products.
AA
WCAG Level AA
The minimum legal standard in most jurisdictions and the baseline required by the European Accessibility Act. Requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (18pt or 14pt bold).
AAA
WCAG Level AAA
The enhanced standard β€” the gold standard for accessibility. Requires a contrast ratio of 7:1 for normal text and 4.5:1 for large text. Not always achievable across an entire palette, but recommended for body copy and critical information.
AA*
AA for large text only
A pairing that achieves a 3:1 contrast ratio β€” sufficient for large text (18pt+ or 14pt+ bold) but not for normal body copy. Used for headlines, display text, and decorative type only. Not suitable for paragraphs or small text.
APCA
Advanced Perceptual Contrast Algorithm
The new contrast model proposed for WCAG 3.0. Unlike the current ratio system, APCA accounts for font weight, font size, and how human vision perceives lightness. Scores are expressed as Lc values (Lightness Contrast) from 0–100+. Expected to replace WCAG ratios when WCAG 3.0 is finalised.
EAA
European Accessibility Act
EU Directive 2019/882, enforceable from 28 June 2025. Requires digital products and services sold in the EU to meet accessibility standards. References WCAG 2.1 AA as the minimum standard for web and digital content.
ADA
Americans with Disabilities Act
US federal law covering accessibility across physical and digital environments. Courts and regulators increasingly apply WCAG 2.1 AA as the standard for digital ADA compliance, particularly for public-facing websites and apps.
CVD
Colour Vision Deficiency
The clinical term for colour blindness. Affects approximately 8% of men and 0.5% of women. The most common form is deuteranopia (red-green). Contrast ratios alone don't fully capture CVD accessibility β€” colour blindness simulation is also important.
Lc
Lightness Contrast (APCA)
The unit of contrast in the APCA system. Key thresholds: Lc 45 = minimum for large text, Lc 60 = minimum for body text, Lc 75 = preferred for body text, Lc 90 = enhanced/maximum contrast. Different from WCAG ratios β€” a direct comparison isn't straightforward.
HEX
Hexadecimal colour code
A six-character code representing a colour in RGB format, prefixed with #. The first two characters are red, the middle two are green, and the last two are blue. Used universally in web design and digital brand guidelines. e.g. #1a1a2e is a deep navy.
Score reference

What the scores mean

How to read the contrast scores in the matrix and when each level is appropriate.

Score Ratio What it means When to use
AAA β‰₯ 7:1 Enhanced β€” exceeds the legal minimum. The gold standard for readability. Body copy, legal text, small print, any text where legibility is critical.
AA β‰₯ 4.5:1 Minimum standard β€” meets the legal requirement under WCAG 2.2 and the EAA. Standard body text, UI labels, navigation, buttons. Acceptable for all normal text use.
AA* β‰₯ 3:1 Large text only β€” passes WCAG for text at 18pt or larger (or 14pt bold and above). Display headlines, large subheadings, pull quotes. Not suitable for body copy or text below 18pt.
Fail < 3:1 Does not meet any WCAG threshold. May be unreadable for users with visual impairments. Do not use for any text. Can be used for decorative, non-text elements only.
Lc00 0–100+ APCA score β€” preview of the WCAG 3.0 contrast system. More perceptually accurate than ratios. Use as a forward-looking reference alongside WCAG 2.2. Lc 60+ is recommended for body text.

Important note on APCA: APCA scores are provided as a preview of the upcoming WCAG 3.0 standard. They are not yet a legal requirement and should not replace WCAG 2.2 compliance. Use them as a forward-looking indicator of perceptual readability alongside your WCAG ratio scores.

Legal landscape

Where the law stands

Key legislation affecting digital accessibility across major markets. All reference WCAG 2.1 AA as their minimum standard.

πŸ‡ͺπŸ‡Ί
European Accessibility Act
Enforceable from 28 June 2025. Covers all digital products and services sold in the EU. WCAG 2.1 AA minimum. Fines vary by member state.
πŸ‡¬πŸ‡§
UK Equality Act 2010
Requires reasonable adjustments for disabled users in digital services. Public sector bodies must meet WCAG 2.1 AA under the Public Sector Bodies Accessibility Regulations 2018.
πŸ‡ΊπŸ‡Έ
ADA / Section 508
Section 508 requires federal agencies to meet WCAG 2.0 AA. Courts increasingly apply WCAG 2.1 AA to private-sector ADA claims. Active litigation landscape.
πŸ‡¦πŸ‡Ί
Disability Discrimination Act
Australian legislation covering digital accessibility. WCAG 2.1 AA is the recognised standard. Government services are required to comply.
πŸ‡¨πŸ‡¦
AODA / ACA
Ontario's Accessibility for Ontarians with Disabilities Act and federal Accessible Canada Act both reference WCAG 2.0/2.1 AA for web content.
🌍
Global trend
Over 40 countries now have digital accessibility legislation or are actively developing it. WCAG 2.1 AA is the de facto global standard regardless of specific local law.
For designers

Building an accessible palette

Accessibility doesn't require abandoning a brand palette β€” it requires understanding how to use it. Most brand colours can be used accessibly in at least some combinations. The key is knowing which pairings work and documenting them clearly in your brand guidelines.

The matrix generator produces a complete reference showing every possible combination in your palette scored against WCAG 2.2. Use it to define your approved and prohibited colour pairings, then include the chart in your brand guidelines so anyone applying the brand can make compliant decisions without needing to check manually.

For marketers

Why your brand guidelines need this

Brand guidelines typically cover colour usage β€” which colours can be used together, which combinations are off-limits. Adding an accessibility matrix to your guidelines makes those decisions explicit and defensible.

As accessibility legislation expands, brands that can demonstrate a structured approach to compliance are better protected against claims and better positioned with public sector, regulated, and EU-market clients who increasingly require evidence of accessibility compliance as part of procurement.

Check your brand palette now

Free, instant, downloadable β€” no sign-up required.

Open the matrix generator β†’