Contrastraster

Zet je volledige palet om in een N×N-audit tabel — WCAG-verhoudingen en APCA Lc voor elke voorgrond × achtergrond-paar, direct overzichtelijk.

Elke cel toont de WCAG-verhouding en APCA Lc


Ag1.0Lc0	Ag4.2Lc+35	Ag3.8Lc+31	Ag5.2Lc+42	Ag8.4Lc+62	Ag1.2Lc0	Ag17.4Lc+104
Ag4.2Lc-33	Ag1.0Lc0	Ag1.1Lc0	Ag1.3Lc0	Ag2.0Lc+25	Ag5.0Lc-34	Ag4.2Lc+67
Ag3.8Lc-29	Ag1.1Lc0	Ag1.0Lc0	Ag1.4Lc+10	Ag2.2Lc+30	Ag4.6Lc-30	Ag4.6Lc+72
Ag5.2Lc-40	Ag1.3Lc0	Ag1.4Lc-11	Ag1.0Lc0	Ag1.6Lc+18	Ag6.3Lc-41	Ag3.3Lc+60
Ag8.4Lc-61	Ag2.0Lc-27	Ag2.2Lc-32	Ag1.6Lc-20	Ag1.0Lc0	Ag10.2Lc-62	Ag2.1Lc+40

WCAG AA hoofdtekst doorstaan Alleen AA grote tekst Mislukt

Rijen = tekstkleur (voorgrond), kolommen = achtergrond. Elke cel geeft het echte voorgrond-op-achtergrond-paar weer met twee toegankelijkheidsmetrieken: WCAG-verhouding (AA hoofdtekst ≥ 4,5, AA grote tekst ≥ 3,0) en APCA Lc (75+ voor hoofdtekst, 60+ voor grote tekst).

Hoe een volledig palet controleren - toevoegen, lezen, beslissen.

Alle kandidatenkleuren in één N×N-matrix - toegankelijkheid voor elke voorgrond × achtergrond-paar tegelijk.

01
Kleuren toevoegen
Breng merkkleuren, semantische kleuren en neutrale kleuren binnen (maximaal 10). Rijen zijn voorgronden, kolommen zijn achtergronden.
02
De tabel lezen
Elke cel toont de WCAG-verhouding en APCA Lc. De stippen gaan branden: voor hoofdtekst is Lc 75+ nodig, voor grote tekst 60+.
03
Bepaal
Leg knoppenparen en tekstparen vast in je ontwerpspecificatie; verwijder falende combinaties voordat ze worden uitgebracht.

Veelgestelde vragen over het contrastraster

Drie veelgestelde vragen bij full-matrix audits.

Waarom paren niet één voor één controleren in de contrasttool?: 5 kleuren leveren 30 gerichte paren – controle één voor één kan leiden tot over het hoofd geziene gevallen. Het raster toont alles in één keer en onthult spiegelende relaties.
WCAG of APCA – welke telt?: WCAG 2.1 is wat vandaag de regelgeving refereert; APCA is de kandidaat voor WCAG 3 en leest donkere modus en tekst met laag contrast nauwkeuriger. Voldoe aan WCAG, beoordeel met APCA.
Waarom staan er altijd zwarte en witte kolommen?: Zwarte of witte tekst is de universele terugval – hoe een kleur presteert tegen beide is de basis voor het definiëren van semantische kleuren.

Na de audit

Verwerk de doorstane paren in je semantische palet en specificatie.

Contrastcontroleur

WCAG 2.1 contrastvalidatie tussen elke voorgrond- en achtergrondkleur.

Kleurenblindheidssimulator

Simuleer 8 soorten kleurenvisiestoornissen om toegankelijkheid te controleren.

Wetenschappelijke kleurenblindveilige paletten

De feitelijke standaarden voor academische publicaties — Okabe-Ito (aanbevolen door Nature Methods), de Paul Tol-serie, het Nature NPG-tijdschriftpalet en de waarnemingsperceptueel uniforme Viridis. Elke kleurstaal heeft een APCA-contrastgraad, en een 8-type kleurenzichtsimulator hieronder verifieert elk palet live.

Semantisch UI-palet

Voer één merkkleur in, ontvang primary / secondary / success / warning / danger — geëxporteerd als Tailwind-configuratie en CSS-variabelen.

fg ↓ / bg →

Ag1.0Lc0

Ag4.2Lc+35

Ag3.8Lc+31

Ag5.2Lc+42

Ag8.4Lc+62

Ag1.2Lc0

Ag17.4Lc+104

Ag4.2Lc-33

Ag1.0Lc0

Ag1.1Lc0

Ag1.3Lc0

Ag2.0Lc+25

Ag5.0Lc-34

Ag4.2Lc+67

Ag3.8Lc-29

Ag1.1Lc0

Ag1.0Lc0

Ag1.4Lc+10

Ag2.2Lc+30

Ag4.6Lc-30

Ag4.6Lc+72

Ag5.2Lc-40

Ag1.3Lc0

Ag1.4Lc-11

Ag1.0Lc0

Ag1.6Lc+18

Ag6.3Lc-41

Ag3.3Lc+60

Ag8.4Lc-61

Ag2.0Lc-27

Ag2.2Lc-32

Ag1.6Lc-20

Ag1.0Lc0

Ag10.2Lc-62

Ag2.1Lc+40

Hoe een volledig palet controleren - toevoegen, lezen, beslissen.

Alle kandidatenkleuren in één N×N-matrix - toegankelijkheid voor elke voorgrond × achtergrond-paar tegelijk.

Kleuren toevoegen

Breng merkkleuren, semantische kleuren en neutrale kleuren binnen (maximaal 10). Rijen zijn voorgronden, kolommen zijn achtergronden.

De tabel lezen

Elke cel toont de WCAG-verhouding en APCA Lc. De stippen gaan branden: voor hoofdtekst is Lc 75+ nodig, voor grote tekst 60+.

Bepaal

Leg knoppenparen en tekstparen vast in je ontwerpspecificatie; verwijder falende combinaties voordat ze worden uitgebracht.

Veelgestelde vragen over het contrastraster

Drie veelgestelde vragen bij full-matrix audits.

Waarom paren niet één voor één controleren in de contrasttool?

5 kleuren leveren 30 gerichte paren – controle één voor één kan leiden tot over het hoofd geziene gevallen. Het raster toont alles in één keer en onthult spiegelende relaties.

WCAG of APCA – welke telt?

WCAG 2.1 is wat vandaag de regelgeving refereert; APCA is de kandidaat voor WCAG 3 en leest donkere modus en tekst met laag contrast nauwkeuriger. Voldoe aan WCAG, beoordeel met APCA.

Waarom staan er altijd zwarte en witte kolommen?

Zwarte of witte tekst is de universele terugval – hoe een kleur presteert tegen beide is de basis voor het definiëren van semantische kleuren.