Skip to content
Holm Digital
Alla inlägg

Färgkontrast enligt WCAG 2.2: de vanligaste misstagen

av Karin Holm

Bild Ljusgrå text på vit bakgrund ser stilren ut i en designskiss. För en person med nedsatt syn kan samma text vara omöjlig att läsa. Färgkontrast är skillnaden i ljusstyrka mellan text och bakgrund, och det är det enskilt vanligaste tillgänglighetsfelet på webben. I WebAIM:s mätning av en miljon startsidor i februari 2026 hade 83,9 procent för låg kontrast någonstans på sidan. Det är fel nummer ett, år efter år.

Vem stängs ute

Låg kontrast berör fler än du tror. Omkring var fjärde person har någon form av synnedsättning, från åldersförändringar till färgblindhet. Lägg till mobilskärmar i starkt solljus, så drabbas nästan alla någon gång. När texten är för svag tappar läsaren tråden, fyller i formulär fel eller lämnar sidan. Och eftersom kontrast är ett krav i både EAA och DOS-lagen, är det något en tillsynsmyndighet kan pricka dig för.

Vad WCAG 2.2 faktiskt kräver

Kraven är konkreta och går att mäta. För vanlig brödtext krävs ett kontrastförhållande på minst 4,5:1 mot bakgrunden (kriterium 1.4.3, nivå AA). För stor text, från 24 pixlar eller 18,66 pixlar i fetstil, räcker 3:1. Samma 3:1 gäller även det som inte är text men ändå bär betydelse: ikoner, diagram, formulärfält och fokusramar (kriterium 1.4.11).

Ett kontrastförhållande läses som två tal. 21:1 är svart på vitt, det högsta möjliga. 1:1 är två identiska färger. Ju lägre första talet, desto svagare kontrast. Allt under 4,5:1 för brödtext är underkänt.

De vanligaste misstagen

Det här är felen vi ser om och om igen:

  • Ljusgrå text som ser luftig ut men landar på 3:1 eller lägre.
  • Platshållartext i formulär, ofta för ljus för att läsas.
  • Text ovanpå en bild, där kontrasten skiftar med bildens innehåll.
  • Varumärkesfärger som fungerar i logotypen men inte som textfärg.
  • Inaktiva eller hovrade knappar där färgen tappar kontrast.

Så får du rätt

Du behöver inte gissa. Mät kontrasten med ett verktyg, ange färgernas exakta värden och jämför mot 4,5:1. Vårt open source-verktyg engine flaggar varje kontrastfel mot rätt kriterium och nivå, så du ser exakt var och varför. Men automatik fångar inte allt. Text över bilder och olika tillstånd på knappar behöver ett mänskligt öga, vilket är en av flera anledningar till att ett automatiskt betyg inte räcker för att veta att du följer lagen.

När kontrasten sitter blir sidan läsbar för fler, du sänker risken vid tillsyn, och du slipper bygga om i efterhand. Det kostar nästan ingenting att få rätt från start, och mycket att rätta på en publicerad sajt.

Vill du veta var din webbplats brister? En tillgänglighetsanalys visar exakt vilka färger som behöver justeras, och vad du gör åt det.

Källa: WebAIM Million, februari 2026.