WCAG 2.1. – kryterium 1.4.3 – Minimalny kontrast (poziom AA)
- Przejdź do artykułów z tagiem accessibility
- Przejdź do artykułów z tagiem akademiaWCAG
- Przejdź do artykułów z tagiem dostępność cyfrowa
- Przejdź do artykułów z tagiem WCAG 2.1
- Przejdź do artykułów z tagiem Web Content Accessibility Guidelines
Treść artykułu
Kontrast to właśnie kolejne kryterium, które dziś omawiamy!
Zasada ta dotyczy kontrastu treści umieszczonych na stronach internetowych (w przeciwieństwie do kryterium 1.4.11 odnoszącego się do kontrastu elementów nietekstowych). Ma ono na celu zapewnienie, że osoby z dysfunkcjami wzroku lub innymi niepełnosprawnościami, które wpływają na percepcję kolorów, będą w stanie czytać i odczytywać tekst na stronach internetowych.
Kryterium 1.4.3 WCAG zaleca także, aby kontrast tekstu był dostosowany do ustawień Użytkownika. Oznacza to, że jeśli dostosuje on ustawienia dotyczące kontrastu na swoim urządzeniu, strona internetowa powinna reagować na te zmiany i zapewnić odpowiednią czytelność tekstu.
A teraz konkrety. Jaki współczynnik kontrastu jest wyznaczony jako minimalny?
- Dla tekstu o standardowej wielkości (do 18 punktów równoważnych około 24 px):
- Minimalny kontrast dla tekstu normalnego: 4,5:1.
- Minimalny kontrast dla tekstu pogrubionego lub większego: 3:1 (ze względu na większą czytelność fontu).
-
- Dla większego tekstu (ponad 18 punktów równoważnych około 24 px):
- Minimalny kontrast dla tekstu normalnego lub pogrubionego: 3:1.
Czy są jakieś wyjątki? Tak. Teksty typowo dekoracyjne, nieaktywne elementu interfejsu użytkownika, czy też loga, nie muszą spełniać kryterium kontrastu. Czy będzie lepiej, jeśli je spełnią? Oczywiście 🙂
A teraz jeszcze ciekawostka o kolorze pomarańczy (temat ma być zaadresowany w WCAG 3.0).
Autor przedstawia w nim dwa przyciski – jeden pomarańczowy z czarnym fontem (spełniający kontrast) oraz drugi – pomarańczowy z białym fontem (nieposiadający kontrastu). Który wydaje się być bardziej przyjazny dla oka? O dziwo, według badań i naszych własnych spostrzeżeń, ten drugi. Poczytajcie. 😉

Małgorzata Szymczak
Accessibility Specialist & Junior Frontend Developer
Polecane artykuły
-
13.11.2023Dostępność cyfrowa
Komponenty w iOS
Podczas nauki programowania było kilka rzeczy, których zrozumienie zajęło mi bardzo dużo czasu, ponieważ w kursach, materiałach blogowych oraz w…
-
17.04.2023Akademia WCAG
WCAG 2.1 – kryterium 1.3.2 – Zrozumiała kolejność (poziom A)
Skoro piątek to Akademia WCAG przesyła kolejna dawkę wiedzy Na początku musimy zwrócić uwagę, że kryterium 1.3.2 WCAG ma duże…
-
22.03.2024Akademia WCAG
WCAG 2.1 – Kryterium 2.5.5 – Rozmiar celu (Poziom AAA)
Dzisiejsze kryterium – WCAG 2.5.5 Rozmiar celu (poziom AAA), może się Wam skojarzyć ze sportem wymagającym celowania. I słusznie, ponieważ…