Kontroler kontrastu

Kontroler kontrastu kolorów WCAG do obliczania współczynnika kontrastu tekstu.

Współczynnik kontrastu 21:1

Normalny tekst

WCAG AA: Pass

WCAG AAA: Pass

Przykładowy tekst normalny - 16px

Duży tekst

WCAG AA: Pass

WCAG AAA: Pass

Przykład duży tekst 18pt/24px

Obiekty graficzne i komponenty interfejsu użytkownika

WCAG AA: Pass

Oblicz współczynnik kontrastu dla normalnego rozmiaru tekstu.
Oblicz współczynnik kontrastu dla dużego rozmiaru tekstu.
Oblicz współczynnik kontrastu dla komponentów interfejsu użytkownika.
Wybierz kolor z próbnika kolorów
Ustaw kolor Jasność

Jak korzystać z Contrast Checker

Wybierz kolor tła
Wybierz kolor pierwszego planu
Dostosuj lekkość w razie potrzeby
Sprawdź audyt pod kątem normalnego i dużego tekstu

FAQ

Jak działa kontroler kontrastu?

Musisz ocenić kolor tekstu i tła. Zgodnie z wytycznymi WCAG 2.1 są to: Duży tekst - Tekst o minimalnym rozmiarze 18px wymaga współczynnika kontrastu 3:1; Mały tekst - Tekst o rozmiarze mniejszym niż 18px wymaga współczynnika kontrastu 4, 5:1.

Dlaczego moja strona internetowa powinna mieć wystarczający kontrast kolorów?

Tekst na tle o niskim współczynniku kontrastu jest często trudny do odczytania. Wpływa to nie tylko negatywnie na osoby z wadami wzroku, ale w rzeczywistości utrudnia wszystkim użytkownikom. Jednym z przykładów jest czytanie tekstu na telefonie komórkowym na zewnątrz w słoneczny dzień.

Co oznacza dostępność strony internetowej?

Dostępna strona internetowa to strona internetowa zaprojektowana tak, aby osoby z wadami wzroku lub słuchu mogły z niej korzystać bez ograniczeń. Na przykład zapewnia to, że wszystkie elementy witryny mają wystarczający kontrast kolorów, tj. kolor tekstu jest zupełnie inny niż kolor tła.

Czy obrazy i filmy muszą spełniać wymagania dotyczące kontrastu kolorów WCAG?

Niektóre elementy grafiki i interfejsu wymagają współczynnika kontrastu co najmniej 3:1. Nie obejmuje to jednak logo, obrazów dekoracyjnych ani ogólnych plików multimedialnych.

Produkty

Strony internetowe

O nas

Language

User Name

Kontroler kontrastu