What is an accessibility links checker?

An accessibility links checker tests link colors and contrast to ensure they meet WCAG standards for visibility and readability.

How do I check if my links are accessible?

Enter your page or link color into tabnav's accessibility links checker to see whether it meets WCAG contrast requirements.

Why does link contrast matter?

Good link contrast helps users identify clickable elements more easily and supports people with low vision or color blindness.

What contrast ratio do links need?

WCAG recommends at least a 4.5:1 ratio for regular links and 3:1 for large or bold links.

Is the accessibility links checker free?

Yes. The tabnav accessibility links checker is free to use for testing link colors and contrast ratios.

Kontrastkontroll för länkar

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 Very good

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.

Utforska andra gratisverktyg

Komplett paket med webbtillgänglighetsverktyg för att testa, övervaka och förbättra din webbplatss tillgänglighet

Tillgänglighetskontroll

Kontrollera om din webbplats är tillgänglig och uppfyller WCAG.

Webbtillgänglighetsövervakning

Spåra tillgänglighet över tid. Tilldela åtgärder, samarbeta med ditt team.

Gratis tillgänglighetswidget

Lägg till vår gratis tillgänglighetswidget med text-, kontrast- och tangentbordsverktyg.

Textkontrastkontroll

Kontrollera om din text har tillräcklig kontrast och uppfyller WCAG.

Bildkontrastkontroll

Kontrollera om texten på din bild uppfyller WCAG-kontrast.

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

Länkar som visas ensamma (t.ex. navigationsmenyer, knappar eller isolerade länkar) måste ha minst ett kontrastförhållande på 4,5:1 mot bakgrunden.
Detta säkerställer att de är tydligt synliga även utan ytterligare formatering som understrykningar eller fetstil.

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

När länkar visas inom ett textblock och endast skiljs åt genom färg, måste kontrastförhållandet vara minst 3:1 mot omgivande text för att säkerställa läsbarhet för användare med färgseendefekter.
Om länkar använder fetstil utöver färg, gäller kontrastkravet mellan länken och bakgrunden, inte den omgivande texten.
Om länkar är understrukna behöver de bara vara i en annan färg än den omgivande texten, utan ett specifikt kontrastförhållandekrav, så länge text- och bakgrundskontrastkraven är uppfyllda.

Viktiga saker att tänka på

Tydlig igenkänning - Tillgänglighetslänkar bör stå ut tydligt från vanlig text så att användare enkelt kan identifiera dem.
Mer än bara färg - Använd understrykningar, fetstil eller andra visuella indikatorer för att förbättra länkens tillgänglighet.
Hover- och fokuslägen - Se till att länkkontrasten förblir synlig vid hovring eller fokusering för bättre tangentbordsnavigering.
Bakgrundens påverkan - Länkar måste förbli läsbara på alla bakgrunder för att uppfylla WCAG-tillgänglighetskraven.

Läs mer på tabnav WCAG Academy: SC 1.4.3 - Kontrast (minimumkrav)

Gratis tillgänglighetsscan av din webbplats

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

Skanna gratis

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.