Tekst-på-billede kontrasttjek
Tekst ovenpå et foto er den almindeligste fejl. Mål det reelle WCAG-forhold bag din tekst — intet uploades.
Tjek din tekstplacering
Klik hvor som helst på billedet (eller træk) for at placere den valgte tekst. Vælg hvilken med Flyt denne tekst i et resultat. Slip en billedfil her, eller indsæt et med Ctrl+V, for at indlæse det.
Sådan virker det: hvert bogstav samples på sine faktiske pixels — vi aflæser baggrundens farver 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. Vælg Et gradient i stedet for et billede, så kører den samme måling på de to stop og den vinkel du skriver ind — så du kan tjekke gradienten i dit stylesheet uden først at tage et skærmbillede. 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.
Dette tjek er gratis. At tjekke hele websitet er ikke.
Du har tjekket ét billede. Intet på denne side fortæller, om resten af websitet består — det kræver at siden læses fra serveren, og det er det EUComply Pro gør: EAA/WCAG, cookie-samtykke og NIS2-fund i én rapport, du kan give videre til en kunde. Se alle gratis værktøjer.