Kontrast (forbedret)
AAA-niveau kontrast: 7:1 for brødtekst, 4,5:1 for stor tekst. Strengere end 1.4.3 og beregnet til brugere med betydelig synsnedsættelse, der har brug for højere kontrast for at læse komfortabelt.
Hvad det kræver
På AAA-niveau skal brødtekst opnå 7:1 kontrast, og stor tekst (18 pt / 14 pt fed) skal opnå 4,5:1. Samme undtagelser som 1.4.3 — logoer, dekorativ tekst, inaktive elementer — men grænsen er omtrent dobbelt så streng. Designet til brugere med moderat til svær synsnedsættelse, hvor 4,5:1 stadig er svær at læse i dårligt lys.
Sådan opfyldes det
- Brug et kontrasttjek-værktøj der viser både AA- og AAA-resultater; sigt efter AAA-kolonnen.
- For brødtekst på hvid baggrund rydder en forgrundfarve mørkere end
#595959typisk 7:1. - I mørk tilstand rydder en forgrundfarve lysere end
#b3b3b3på næsten sort typisk kravet. - Brug ren sort på ren hvid, hvor branding tillader det — det er det sikreste 21:1-forhold.
- Kombiner AAA-kontrast med en brugertilpasset skifteknap, hvis høj-kontrast-tilstanden vil kollidere med branding i standardtemaet.
Hyppige fejl
- Mellemgrå brødtekst (
#666) der består 4,5:1 men falder igennem ved 7:1 — en næropfyldelse er stadig en fejl. - Brand-farvet CTA-knapper der opnår 4,5:1 men ikke 7:1 — de fleste gør det ikke.
- Høj-kontrast-tema der fejler ikke-tekstkontrast (1.4.11), selvom tekstkontrasten består.
Hvorfor det er vigtigt
AAA kræves sjældent kontraktmæssigt, men understøttelse af høj-kontrast-temaer forventes i stigende grad i offentlige og hjælpeteknologi-tunge kontekster. Den reneste løsning er at tilbyde et valgfrit høj-kontrast-tema der opfylder 7:1, uden at tvinge standardtemaet væk fra branding.