Välj språk

Kontrast Checker

WCAG färgkontrastkontroll för att beräkna textkontrastförhållandet.

Förgrunds Färg

Ange en giltig hex triplett , eller använd färgväljaren.

Bakgrundsfärg

Ange en giltig hex triplett , eller använd färgväljaren.

Kontrastförhållande 21:1

Normal text

WCAG AA: Pass

WCAG AAA: Pass

Exempel normal text - 16px

Stor text

WCAG AA: Pass

WCAG AAA: Pass

Exempel stor text 18pt/24px

Grafiska objekt och komponenter i användargränssnittet

WCAG AA:  Pass

image/svg+xml
  • Beräkna kontrastförhållandet för normal textstorlek.
  • Beräkna kontrastförhållandet för stor textstorlek.
  • Beräkna kontrastförhållandet för användargränssnittskomponenter.
  • Välj färg från färgväljaren
  • Ställ in färg Ljushet

Hur man använder Contrast Checker

  • Välj bakgrundsfärg
  • Välj förgrundsfärg
  • Justera ljushet om det behövs
  • Kontrollera granskningen för normal och stor text

FAQ

Hur fungerar kontrastkontrollen?

Du måste utvärdera färgen på texten och bakgrunden. Enligt WCAG 2.1-riktlinjerna är dessa: Stor text - Text med en minsta storlek på 18px kräver ett kontrastförhållande på 3:1; Liten text - Text med en storlek på mindre än 18px kräver ett kontrastförhållande på 4. 5:1.

Varför ska min webbplats ha tillräcklig färgkontrast?

Text på en bakgrund med lågt kontrastförhållande är ofta svår att läsa. Detta påverkar inte bara dem med synskador negativt, det besvärar faktiskt alla användare. Ett exempel är att läsa text på en mobiltelefon ute på en solig dag.

Vad betyder webbplatsens tillgänglighet?

En tillgänglig webbplats är en webbplats utformad så att personer med syn- eller hörselskador kan använda den utan begränsningar. Detta säkerställer till exempel att alla webbplatselement har tillräcklig färgkontrast, dvs textfärgen skiljer sig helt från bakgrundsfärgen.

Måste bilder och videor uppfylla WCAG-färgkontrastkraven?

Vissa grafik- och gränssnittskomponenter kräver ett kontrastförhållande på minst 3:1. Detta inkluderar dock inte logotyper, dekorativa bilder eller allmänna mediefiler.

© Eptimize Pty Ltd 2022-2024. All Rights Reserved.