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.
Guide: sådan tester du tekst på billeder trin for trin
← Alle gratis værktøjer · Kontrasttjekker · Paletgenerator · English version
Ofte stillede spørgsmål
Hvordan måles læsbarhed?
Værktøjet beregner WCAG-agtig kontrast mellem din tekstfarve og repræsentative baggrundsområder i billedet og markerer steder hvor forholdet er under 4,5:1 (almindelig tekst) eller 3:1 (stor tekst). Det er en tilnærmelse — vurdér også travle fotografiske områder visuelt.
Hurtigste løsning på ulæselig tekst på et billede?
Tilføj en scrím: en halvgennemsigtig mørk overlay bag teksten, eller placér teksten på en ensfarvet bjælke. Begge dele hæver kontrasten markant uden at ændre billedet eller brandfarverne.
Bliver mine billeder uploadet?
Nej. Alt kører lokalt i din browser via canvas — billedfilen forlader aldrig din enhed.
Har det betydning for tilgængelighed?
Ja. WCAG 2.x kræver 4,5:1 kontrast for almindelig tekst uanset baggrund, og EU's tilgængelighedslov presser offentlige sider mod overholdelse. Tekst bagt ind i billeder kan desuden ikke zoomes, oversættes eller markeres — foretræk ægte HTML-tekst hvor det er muligt.