Jak interpretować WCAG2.0 Wytyczne dotyczące kontrastu przycisków i ikon

1. Jaki jest minimalny kontrast kolorów, który powinna minąć ikona?
2. Jaki jest akceptowalny współczynnik kontrastu?
3. Jak czytać kolory współczynnika kontrastu?
4. Jak obliczany jest kontrast WCAG?

Jaki jest minimalny kontrast kolorów, który powinna minąć ikona?

Pierwszy test ikony powinien być na najciemniejszym (najmniej kontrastowym) tle, które sąsiaduje z kolorem ikony. Jeśli jest to co najmniej 3: 1, przekazuje kryterium sukcesu.

Jaki jest akceptowalny współczynnik kontrastu?

Wytyczne dotyczące współczynnika kontrastu kolorów

Ilekroć używając koloru na obrazach, upewnij się, że kolory mają stosunek kontrastu wynoszący co najmniej 4.5: 1. Zapewnia to, że tekst jest nadal czytelny dla tych, którzy mogą mieć ślepotę kolorów.

Jak czytać kolory współczynnika kontrastu?

Współczynniki kontrastu wynoszą od 1 do 21 (napisane jako 1: 1 i 21: 1). Pierwsza liczba, L1, odnosi się do względnej luminancji jasnych kolorów, podczas gdy L2 jest drugą liczbą, która odnosi się do względnej luminancji ciemnych kolorów.

Jak obliczany jest kontrast WCAG?

Kontrast jest obliczany przy użyciu „względnej luminancji”, która jest zdefiniowana jako: względna jasność dowolnego punktu w przestrzeni kolorystycznej, znormalizowana do 0 dla najciemniejszej czerni i 1 dla najlżejszej bieli. Względną luminancję można obliczyć na podstawie dowolnego kodu kolorów (takiego jak HEX lub RGB).