Dostępność treści wymaga, aby instrukcje i informacje nie opierały się wyłącznie na cechach zmysłowych elementów interfejsu, takich jak kolor, kształt czy dźwięk.

Kryterium 1.3.3 Właściwości zmysłowe na poziomie A wymaga, aby instrukcje dotyczące korzystania z treści nie opierały się wyłącznie na cechach zmysłowych elementów interfejsu, takich jak kolor, kształt, rozmiar, położenie, orientacja czy dźwięk. Oznacza to, że użytkownik nie powinien być zmuszony do rozpoznawania elementu wyłącznie na podstawie jego wyglądu lub lokalizacji na ekranie. Przykładowo instrukcja „kliknij przycisk po prawej stronie” może być niezrozumiała dla osoby korzystającej z czytnika ekranu lub dla użytkownika, który nie widzi układu strony. Celem tego kryterium jest zapewnienie, że informacje i instrukcje będą zrozumiałe również dla osób niewidomych, słabowidzących lub korzystających z technologii asystujących. Dlatego oprócz wskazówek wizualnych powinny być stosowane także nazwy, etykiety lub opisy tekstowe elementów interfejsu. W praktyce oznacza to, że wskazówki takie jak kolor, kształt lub położenie mogą być używane, ale nie mogą być jedynym sposobem przekazania informacji.

Stosowane techniki

  • Dodawanie opisów tekstowych do elementów interfejsu – instrukcja powinna wskazywać nazwę elementu, np. „Kliknij przycisk Wyślij”, zamiast „kliknij zielony przycisk”.
  • Łączenie różnych sposobów przekazywania informacji – można używać koloru, kształtu lub położenia elementu, ale zawsze w połączeniu z tekstem lub etykietą.
  • Jednoznaczne nazewnictwo przycisków i linków – elementy interaktywne powinny mieć czytelne etykiety, które jasno określają ich funkcję.
  • Opisywanie ikon i symboli – jeżeli w interfejsie używane są ikony, należy zapewnić ich tekstowy opis lub etykietę.
  • Wskazywanie elementów poprzez nazwę, a nie położenie – zamiast odniesień do lokalizacji („na dole strony”) lepiej wskazać konkretny element („w sekcji Kontakt kliknij link Formularz”).

Najczęściej spotykane błędy

  • Instrukcje oparte wyłącznie na kolorze – przykład: „Kliknij czerwony przycisk, aby przejść dalej”.
  • Odwoływanie się tylko do położenia elementu – przykład: „Menu znajduje się w prawym górnym rogu”.
  • Wskazywanie elementów wyłącznie przez ich kształt lub ikonę – przykład: „Kliknij ikonę gwiazdki”.
  • Używanie samych symboli graficznych bez tekstu – ikona przekazująca informację bez opisu lub etykiety może być niezrozumiała dla użytkowników technologii asystujących.
  • Brak alternatywy dla sygnałów dźwiękowych – jeżeli informacja przekazywana jest tylko poprzez dźwięk, część użytkowników może jej nie odebrać.

Skontaktuj się z nami

Dowiedz się więcej o tym, jak możemy pomóc Twojemu biznesowi rozwijać się w cyfrowym świecie.

Razem stworzymy coś wyjątkowego!