W celu świadczenia usług na najwyższym poziomie stosujemy pliki cookies. Korzystanie z naszej witryny oznacza, że będą one zamieszczane w Państwa urządzeniu. W każdym momencie można dokonać zmiany ustawień Państwa przeglądarki. Zobacz politykę cookies.

Czy jest zachowany odpowiedni kontrast pomiędzy tekstem i tłem?

Badanie dotyczy tekstu:

  • w elementach graficznych,
  • w animacjach,
  • w napisach w filmie,
  • widocznego w materiałach wideo.

W ramach badania sprawdź, czy spełniony jest co najmniej jeden z warunków:

  • stosunek kontrastu tekstu do tła, na którym się znajduje, nie jest niższy niż 4,5:1 dla tekstu normalnego i 3:1 dla tekstu dużą czcionką.
  • jest mechanizm, który pozwala użytkownikowi wyświetlić tekst w normalnym rozmiarze z zachowaniem kontrastu na poziomie co najmniej 4,5:1, a dla tekstu dużą czcionką 3:1.

Tekst normalny prezentowany jest czcionką mniejszą od pogrubionych 18,5px lub niepogrubionych 24px. Ponieważ ocena rozmiaru użytej czcionki w urządzeniu mobilnym może być trudna, przyjmuje się, że:

  • wszystkie teksty są normalnej wielkości,
  • teksty znacząco duże to te, dla których rozmiar liter przekracza 1,5 cm.

Uwaga! Nie rób badania z tego pytania, gdy:

  • tekst jest częścią logotypu lub nazwy marki instytucji lub firmy;
  • tekst jest elementem grafiki ozdobnej;
  • tekst jest częścią grafiki, która przekazuje informację, ale sam w sobie nie niesie żadnej ważnej informacji;
  • tekst lub tekst w grafice jest elementem interfejsu, na którym nie można wykonać żadnego działania (np. zdezaktywowany przycisk).

Wytyczne WCAG 2.1 - 1.4.3 Kontrast (minimum)

Jak to sprawdzić?

Uwaga - linki otworzą się w nowej karcie przeglądarki

Jeśli używasz systemu iOS: Jeśli masz dostęp do kodu źródłowego aplikacji lub jesteś jej developerem, możesz użyć aplikacji Accessibility Inspector na urządzeniach MacOS. Aplikacja ma opcję Audyt. Możesz nią zrobić automatyczne testy niektórych widocznych na ekranie elementów. Możesz wykorzystać ją do szybkiego zbadania kontrastu. Ponieważ nie wykrywa ona wszystkich potencjalnych błędów kontrastu, uzupełnij badanie testami, które opisujemy poniżej.

Jeśli używasz systemu Android: Aby zrobić szybkie badanie kontrastu na ekranie, możesz użyć aplikacji Accessibility Scanner ponieważ nie wykrywa ona wszystkich potencjalnych błędów kontrastu, uzupełnij badanie testami, które opisujemy poniżej.

  1. Jeśli używasz systemu iOS: Wybierz kolejno: Ustawienia > Dostępność > Ekran i wielkość tekstu > Zwiększ kontrast albo, jeśli w aplikacji, którą badasz, jest mechanizm zmiany kontrastu, włącz go.
  2. Jeśli używasz systemu Android: Jeśli w aplikacji, którą badasz jest mechanizm ustawienia kontrastu, włącz go.
  3. Znajdź na ekranie teksty, teksty w elementach graficznych lub teksty zawarte w filmach, które mogą nie spełniać wymagań minimalnego kontrastu;
  4. Włącz na komputerze program Colour Contrast Analyser.
  5. Pobierz kolor tekstu oraz tła na urządzeniu mobilnym. Aby to zrobić:
    • wyświetl ekran urządzenia mobilnego na ekranie komputera;
    • pobierz zrzuty ekranu z elementami do zbadania i przenieś je na komputer.
  6. Sprawdź, czy dla tekstu:
    • w rozmiarze normalnym kontrast jest co najmniej na poziomie 4,5:1;
    • pisanego dużą czcionką kontrast jest co najmniej na poziomie 3:1.

Jeśli tak jest, wynik badania jest pozytywny.

 
{"register":{"columns":[]}}