Kontrast kolorów w aplikacjach mobilnych

Odpowiedni kontrast kolorów treści do tła sprawia, że postrzegają te treści także osoby słabowidzące.

Ogólnie omawiamy ten temat w artykule Kontrast kolorów (jako jeden z tematów o elementach, które tworzą dostępność cyfrową).

Poziom kontrastu

Minimalny kontrast treści do tła powinien wynosić:

4,5:1 – dla tekstu;
3:1 – dla dużego tekstu;
3:1 – dla istotnych treści graficznych (np. ramka pola formularza, wykres, ikona będąca przyciskiem).

Ocena poziomu kontrastu

Jest wiele narzędzi, którymi możesz sprawdzić kontrast w zestawieniu kolorów. Mogą być one funkcją na przykład w programie do sprawdzania automatycznego różnych aspektów dostępności lub oddzielnym narzędziem. Na przykład Google Accessibility Scanner, Accessibility Insights for Android i Accessibility Inspector analizują automatycznie kontrast treści do tła w aplikacjach mobilnych, ale zakres ich analiz kontrastu jest ograniczony.

Warto zweryfikować także ręcznie zrzuty ekranu aplikacji mobilnej, na przykład za pomocą Colour Contrast Analyser - narzędzie udostępnia organizacja TPG (wcześniej znana jako The Paciello Group, TPG; teraz: TPG Interactive). Możesz wprowadzać wartości kolorów w różny sposób (na przykład wartość RGB, pobrać kolor za pomocą tak zwanej pipety) oraz płynne manipulować tymi kolorami.