Hoppa till innehållet

Kontrast.

Ljusgrå text på vit botten är svår att läsa i en telefon ute i solen. Punkten är godkänd när varje text vi mäter klarar WCAG 2.2 nivå AA, 4,5:1 för vanlig text och 3:1 för stor text.

Gratis analys av hemsidan

Så prövas punkten

Vi öppnar startsidan och två undersidor i en riktig webbläsare och mäter kontrasten mellan varje synlig text och bakgrunden bakom den. På en gradient räknas den svagaste färgen. Ligger texten över en bild eller en video går kontrasten inte att räkna ut. Den texten hoppas över i stället för att gissas.

En enda text under kravet ger anmärkning, som i WCAG. Kan webbläsaren inte öppna sidan prövas punkten för hand.

Så prövar du själv

Sänk skärmens ljusstyrka och läs den ljusaste texten på sidan. Vill du ha ett tal kan du välja texten i Chromes utvecklarverktyg och öppna färgväljaren, som visar kontrasten mot bakgrunden.

Så kan det stå i protokollet

14 av 120 textelement under WCAG 2.2 AA (1.4.3)
Så många texter på startsidan klarar inte kravet.
"Läs mer" 2,8:1
Ett exempel, med texten och dess kontrast mot bakgrunden.
webbläsaren kunde inte öppna sidan
Punkten prövas för hand och ingenting gissas.

Rapportera fel i bedömningen

Punkt tio av tjugo · AnvändaI en webbläsare

Den prövade texten klarar kontrastkravet

kemero.se godkänd,

  • 337 textelement på 3 sidor prövade mot WCAG 2.2 AA (1.4.3), alla klarar 4,5:1 eller 3:1 för stor text
Hela protokollet för kemero.se

Varför den behövs.

Text som inte syns blir inte läst.

Svag kontrast drabbar fler än dem som ser dåligt. Samma text som går att läsa vid skrivbordet blir svår att läsa på en skärm med låg ljusstyrka.

WCAG är den internationella standarden för tillgänglighet på webben. Nivån AA är den som oftast ställs som krav.

Hemsida med egen design byggd efter WCAG

Så rättar du den.

Mörkare text eller ljusare botten.

  1. Gör brödtexten mörkare. Grå text på vit botten behöver vara minst lika mörk som #767676 för att klara 4,5:1.

  2. Pröva knappar och länkar för sig. Vit text på en ljus färg är ett vanligt fel.

  3. Lägg en mörk ton över bilder som har text ovanpå.

Gratis analys av hemsidanSå fungerar besiktningen

Gäller punkten mig?

Mejla oss raden så säger vi vad den betyder för din hemsida.

Mejla oss på hej@kemero.se
Ring ossRing 070-728 21 89

iro svarar direkt, dygnet runt.

Alla tjugo punkter