Cel kryterium - czyli o co chodzi?
Kryterium 1.4.11 dotyczy kontrastu elementów nietekstowych, czyli tych części interfejsu, z którymi użytkownik wchodzi w interakcję. Chodzi o to, by te elementy były dobrze widoczne, a kontrast między nimi a tłem wynosił co najmniej 3:1.
Jakie elementy mają spełniać to kryterium?
Kiedy mówimy o „elementach interfejsu”, mamy na myśli przyciski, strzałki, linie, kropki, pola formularzy, rozwijane listy i inne interaktywne elementy. Są to wszystkie elementy, które pozwalają użytkownikowi na wykonanie jakiejś akcji. Ważnym aspektem jest to, że elementy w stanie „nieaktywnym” (np. przyciski zablokowane) nie muszą spełniać wymogu kontrastu, ponieważ użytkownik nie może z nimi wchodzić w interakcję.
Fokus i kontrast
Pamiętajmy również o kontraście dla elementów fokusu, co jest istotne szczególnie dla osób, które korzystają z klawiatury do nawigacji. Kontrast wokół elementu z fokusem musi być na tyle wyraźny, aby użytkownicy wiedzieli, który element jest aktualnie wybrany.
Wykresy i inne elementy wizualne
Na przykład wykresy kołowe – te kolorowe fragmenty często nie spełniają wymogów kontrastu. Zamiast polegać wyłącznie na kolorach, warto dodać inne oznaczenia, takie jak wzory, kropki lub kreski, aby wszystkie części wykresu były łatwo rozróżnialne, nawet przy niższym poziomie widoczności.
Jakie są wyjątki?
Tak jak w innych kryteriach, tutaj również znajdziemy kilka wyjątków. Na przykład:
-
Logotypy i flagi: Nie możemy zmieniać projektów logo ani flag, nawet jeśli nie spełniają wymagań kontrastu. To kwestia ich tożsamości wizualnej.
-
Zdjęcia: Nie zawsze mamy kontrolę nad tłem zdjęcia, szczególnie gdy są to autentyczne fotografie z życia wzięte.
-
Zrzuty ekranu: Zrzuty przedstawiające aplikacje lub mapy cieplne muszą zachować swoje oryginalne kolory i wygląd, więc nie muszą spełniać kryterium kontrastu.
Dlaczego warto spełniać to kryterium?
Spełnienie tego kryterium znacząco zwiększa dostępność strony, co jest kluczowe dla osób słabowidzących oraz z zaburzeniami rozróżniania kolorów, takimi jak daltonizm. Wyższy kontrast sprawia, że więcej osób będzie mogło z łatwością korzystać z serwisu, co przekłada się na szersze grono potencjalnych użytkowników czy klientów.
Czy wiesz, że?
Kwestia kontrastu jest kluczowa dla osób ze słabszym wzrokiem, w tym tych, którzy mają trudności z rozróżnianiem kolorów. Dzięki odpowiedniemu kontrastowi, każdy użytkownik, niezależnie od swojej sprawności, może uzyskać dostęp do tych samych treści, co poprawia ogólną dostępność strony.
