Tekst-på-billede kontrasttjek

Tjek din tekstplacering

Klik hvor som helst på billedet ( eller træk) for at placere teksten.

Sådan virker det: hvert bogstav samples på sine faktiske pixels — vi aflæser billedfarverne direkte under bogstaverne (tekstens egne pixels udeladt) og bruger det dårligste par vi finder. Det værst-tænkelige forhold er dét en svagtseende læser oplever, og dét er derfor også hvad WCAG måler. Til rene farvepar: brug kontrasttjekkeren; se hvordan hele paletten læses af farveblinde med farveblindhedssimulatoren. Tjek en hel live-side med den gratis tilgængelighedsscanner.

Reglerne kort

• WCAG SC 1.4.3 kræver 4,5:1 for normal tekst og 3:1 for stor tekst (≥ 24 px normal eller ≥ 18,66 px fed).
• SC 1.4.11 kræver desuden 3:1 for meningsbærende UI-dele og grafik.
• En gradient eller et travlt foto kan bestå under halvdelen af bogstaverne og fejle under resten — mål altid det værste tilfælde, ikke gennemsnittet.
• Får du ikke bestået: læg en semi-transparent skærm bag teksten, mørkned/lysnet billedet lokalt, eller brug en fast billedtekst-bjælke.