WCAG Färgkontrastkontroll

Få en fullständig WCAG-kontrastanalys för text, länkar och bilder.

Textkontrastkontroll

Säkerställ att din text är läsbar och tillgänglig genom att kontrollera kontrasten mot bakgrunden.

Stor text
AA: Pass AAA: Pass
Liten text
AA: Pass AAA: Pass
12.3 Super

Gör din stora text lättläst

Tydlig, lättläst text förbättrar tillgängligheten. Säkerställ att även små teckensnitt har tillräcklig kontrast för att vara lättlästa.

Excellent contrast, perfect for accessibility.

WCAG-anslutning

Web Content Accessibility Guidelines (WCAG) ställer krav på kontrast för att säkerställa att text är läsbar för alla användare, även de med nedsatt syn eller färgblindhet.

Kostnadsfri tillgänglighetsskanning

Kontrollera mer än bara kontrast – analysera din webbplats direkt för WCAG-efterlevnad.

Scanning icon on bright purple
Starta gratis skanning

Vanliga kontrastmisstag som designers gör

  • Många designers testar inte sina gränssnitt i mörkt läge, vilket kan leda till svårläst text. Testa alltid i både ljust och mörkt läge.

  • Även om ljus text på mörk bakgrund kan se snyggt ut, kan låg kontrast göra det svårt att läsa – särskilt i dålig belysning.

  • Logotyper på mörk bakgrund kan bli svåra att urskilja, särskilt i mörkt läge. Använd logotyper med tillräcklig kontrast och testa i båda visningslägen.

  • Att enbart använda färg kan utesluta personer med färgblindhet. Kombinera alltid färg med text eller symboler.

  • Design som ser bra ut i dagsljus kan vara svårläst i mörker. Testa i olika ljusförhållanden för bästa resultat.

Tack för din feedback 😊

tabnav-teamet uppskattar din feedback och arbetar för ständiga förbättringar.


EAA
WCAG 2.2AA
BITV 2.0
BFSG
National Standard