Czy złożone elementy interfejsu (połączenie elementu aktywnego i statycznego) mają wystarczający kontrast w stosunku do siebie?
Niektóre złożone elementy ekranu mogą być utworzone w taki sposób, że są połączeniem elementów statycznych (np. tekstu) z elementami aktywnymi (np. linkami). Czasami trudno odróżnić je od siebie na ekranie.
Wytyczne WCAG 2.1 - 1.4.1 Użycie koloru
Jak to sprawdzić?
Uwaga - linki otworzą się w nowej karcie przeglądarki
- Wybierz kolejno: Dostępność > Ekran i wielkość tekstu > Różnicuj bez koloru;
- Wybierz kolejno: Dostępność > Ekran i wielkość tekstu > Zwiększ kontrast, lub jeśli w aplikacji jest mechanizm podwyższenia kontrastu, włącz go;
- Jeśli w aplikacji jest mechanizm podwyższenia kontrastu, włącz go;
- Znajdź na ekranie elementy aktywne, które są otoczone elementami statycznymi, np. linki, będące elementem otaczającego je tekstu, wyróżnione jedynie kolorem (nie odróżniają się niczym innym od reszty tekstu, który je otacza);
- Uruchom na komputerze program Colour Contrast Analyser;
- Pobierz kolor tekstu i elementu aktywnego – aby to zrobić:
- przenieś ekran urządzenia mobilnego na ekran komputera;
- lub przenieś na komputer zrzuty ekranu elementów, które badasz.
- Sprawdź, czy kontrast elementu aktywnego w stosunku do otaczającego go tekstu wynosi co najmniej 3:1.
Jeśli używasz systemu iOS:
Jeśli używasz systemu Android:
Jeśli tak jest, wynik badania jest pozytywny.
Jak uruchomić czytnik ekranu w systemie Android
Jak uruchomić czytnik ekranu w systemie iOSJak uruchomić czytnik ekranu w systemie