Farvekontrastkontrol

Niveau AA kræver 4.5:1 for normal tekst og 3:1 for stor tekst (succeskriterium 1.4.3); niveau AAA kræver 7:1 og 4.5:1 (1.4.6). Brugergrænsefladekomponenter og meningsfuld grafik skal have 3:1 i forhold til tilstødende farver (1.4.11). Kontrolværktøjet viser, om hver af disse fem tærskler er opfyldt.

WCAG definerer stor tekst som mindst 18 punkt i normal skrift, cirka 24 CSS pixels, eller mindst 14 punkt i fed skrift, cirka 18.66 CSS pixels. Alt mindre er normal tekst og kræver et højere forhold.

WCAG-tærsklerne er præcise, så et forhold, der ville blive afrundet til 4.5, men ligger under værdien, opfylder ikke kravene. Kontrolværktøjet sammenligner det uafrundede forhold og viser det afkortet til to decimaler, så det viste tal aldrig ser bedre ud end den faktiske værdi.

Accessible Perceptual Contrast Algorithm er en kontrastmetode, der er udviklet til udkastene til WCAG 3. Den modellerer oplevet lyshedskontrast, behandler tekst og baggrund forskelligt og returnerer en lyshedskontrastværdi, Lc, fra cirka -108 til 106. Den er endnu ikke en del af nogen offentliggjort WCAG-standard, så brug WCAG 2-resultaterne til at kontrollere overholdelse og APCA som et supplerende tjek.

APCA tager højde for polaritet: positive værdier betyder mørk tekst på en lys baggrund, mens negative værdier betyder lys tekst på en mørk baggrund. Vejledningen bruger den absolutte værdi, så Lc -75 og Lc 75 hører til samme niveau.

De følger APCA bronze simple mode: Lc 90 foretrækkes til brødtekst, Lc 75 er minimum for brødtekst, Lc 60 gælder anden indholdstekst, Lc 45 gælder overskrifter og stor tekst, Lc 30 gælder tekst, der skal kunne læses på afstand, såsom pladsholdere, og Lc 15 gælder elementer, der ikke er tekst. Skriftstørrelse og -vægt har stadig betydning, så brug niveauerne som udgangspunkter frem for endelige vurderinger.

APCA-W3-konstanterne fra version 0.0.98 G, revision 4g, med den enkle eksponent på 2.4 på sRGB-kanaler, den bløde sortbegrænsning og klipning af lav kontrast. Sort tekst på hvid giver cirka Lc 106.0, og hvid tekst på sort cirka Lc -107.9, hvilket stemmer overens med referenceimplementeringen.

Hex-koder med eller uden #, CSS farvenavne, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() farverum som display-p3 og cmyk(). Farver uden for sRGB konverteres først til sRGB, da begge formler er defineret til sRGB-skærmfarver.

En halvtransparent tekstfarve blandes med baggrunden før målingen, sådan som en browser gengiver den. En halvtransparent baggrund blandes først med hvid. Resultatet viser de uigennemsigtige tekst- og baggrundsfarver, der faktisk blev sammenlignet.

For WCAG 2 har den ikke betydning, fordi forholdet mellem den lysere og den mørkere luminans er det samme uanset rækkefølgen. For APCA har den betydning, fordi tekst og baggrund vægtes forskelligt, så indtast tekstfarven i det første felt og baggrundsfarven i det andet.