Kontrastkontroll för länkar

Se till att dina länkar är synliga och enkla att identifiera. Testa färger, stil och understrykning för att uppfylla tillgänglighetskrav.

Textfärg

Bakgrundsfärg

Anpassa utseendet

Understryk länk

Fet länk

Större text

Länkfärg

WCAG

AA: Godkänd AAA: Godkänd

Kontrastförhållande

Länk jämfört med text

8.42 Mycket bra

Länk jämfört med bakgrund

8.42 Very good

Text jämfört med bakgrund

8.42 Very good

Att navigera på webbplatser ska vara enkelt. Genom att säkerställa att viktiga länkar syns tydligt gör du det lättare för användare att hitta det de söker.

Dålig kontrast kan göra kritisk information svår att upptäcka och skapa frustration. Länkar ska alltid vara tydliga – oavsett om de är i löptext eller fristående.

Behöver du vägledning? Se våra bästa praxis för länk-kontrast för att förbättra läsbarhet och tillgänglighet.

Mycket bra kontrast – rekommenderas av experter inom tillgänglighet.

WCAG-krav för länkkontrast

Det är viktigt att länkar är tydligt synliga. Det krävs tillräcklig kontrast mot bakgrund och omgivande text, särskilt om färg är det enda som skiljer.

Krav på kontrastförhållande

Stående länkar – minst 4.5:1 mot bakgrund

Links that appear on their own (e.g., navigation menus, buttons, or isolated links) must have at least a 4.5:1 contrast ratio against the background.
This ensures they are clearly visible even without additional styling like underlines or bold formatting.

Inbäddade länkar – minst 3:1 mot omgivande text (vid endast färgskillnad)

When links appear within a block of text and are only differentiated by color, the contrast ratio must be at least 3:1 against surrounding text to ensure readability for users with color vision deficiencies.
If links use bold styling in addition to color, the contrast requirement applies between the link and the background, not the surrounding text.
If links are underlined, they only need to be a different color from the surrounding text, without a specific contrast ratio requirement, as long as the text and background contrast requirements are met.

Gratis tillgänglighetsscan av din webbplats

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

Starta gratis skanning

Vanliga kontrastfel med länkar

En länk kan verka synlig, men låg kontrast kan försvåra för användare med nedsatt syn. Minimikravet är 4.5:1 mot bakgrund eller 3:1 mot text om endast färg används.
Fetstil hjälper, men ersätter inte kontrastkrav. Länken måste ändå särskiljas tillräckligt från omgivande text.
Understrykning förbättrar synligheten, men om färg är det enda som skiljer krävs fortfarande rätt kontrastförhållande.
Vid hover/fokus får inte kontrasten försämras. Alla tillstånd måste hålla WCAG-konformitet.
Ja – det som ser bra ut i dagsljus kan bli oläsligt i mörker. Testa i olika ljusmiljöer.

Tack för din feedback 😊

tabnavs team uppskattar din input och jobbar aktivt med förbättringar.

WCAG-kontrastkontroll