WCAG 1.3.3 Właściwości zmysłowe

Kryterium sukcesu 1.3.3 zapewnia, że ludzie mogą wykonać instrukcje, nawet jeśli nie widzą kształtu, koloru, rozmiaru lub położenia elementu albo nie słyszą dźwięku. Dotyczy to użytkowników czytników ekranu, osób z zaburzeniami widzenia barw oraz osób korzystających z powiększonego lub przeformatowanego układu, w którym „po prawej” nie jest już po prawej. To poziom A i część normy EN 301 549 (punkt 9.1.3.3).

Czego wymaga kryterium

Instrukcje dotyczące rozumienia i obsługi treści nie mogą opierać się wyłącznie na właściwościach zmysłowych komponentów, takich jak:

• kształt („naciśnij okrągły przycisk”);
• kolor („pola na czerwono są wymagane”);
• rozmiar („kliknij duży przycisk”);
• położenie wizualne lub orientacja („użyj menu po lewej”);
• dźwięk („kontynuuj, gdy usłyszysz sygnał”).

Instrukcja może wspominać o tych właściwościach, ale musi też podawać coś, co nie zależy od zmysłu — zwykle widoczną nazwę lub etykietę elementu.

WCAG zaznacza, że pełne wymagania dotyczące koloru zawiera Wytyczna 1.4.

Typowe błędy w sklepie internetowym

• „Kliknij zielony przycisk, aby złożyć zamówienie”;
• „Użyj strzałek po prawej, aby zobaczyć więcej produktów” przy karuzeli;
• „Pola wymagane są oznaczone na czerwono” bez żadnego innego oznaczenia;
• „Dotknij ikony u góry, aby otworzyć koszyk”, gdy ikona nie ma nazwy;
• dźwięk potwierdzający jakąś czynność bez komunikatu tekstowego.

Jak to sprawdzić

Automatycznie: żadna automatyczna reguła naszego skanera nie odpowiada temu kryterium. Znalezienie instrukcji opartych na kształcie lub położeniu wymaga przeczytania i zrozumienia tekstu. Potrzebna jest kontrola ręczna.

Ręcznie: należy przeszukać szablony, proces zamówienia, formularze, strony pomocy i komunikaty o błędach pod kątem słów takich jak „lewo”, „prawo”, „powyżej”, „poniżej”, „okrągły”, „kwadratowy”, „zielony”, „czerwony”, „duży”, „ikona” i „usłyszysz”. Przy każdym trafieniu sprawdzić, czy element jest wskazany również nazwą lub etykietą.

Jak to naprawić

• Nazwać element: „Wybierz Złóż zamówienie” zamiast „kliknij zielony przycisk”.
• Łączyć wskazówki: „Pola wymagane są oznaczone gwiazdką (*) i słowem wymagane”.
• Nadać przyciskom z ikonami etykietę tekstową lub dostępną nazwę i używać tej nazwy w instrukcjach.
• Łączyć dźwięki z widocznym komunikatem tekstowym.

Powiązane kryteria

• 1.4.1 Użycie koloru — kolor jako jedyna wskazówka wizualna.
• 1.3.1 Informacje i relacje — struktura i etykiety w kodzie.
• 1.3.2 Zrozumiała kolejność — kolejność czytania.

Najczęstsze pytania

Czy można nadal pisać „przycisk po prawej”?

Tak, o ile instrukcja podaje też nazwę przycisku, np. „Wybierz Dalej, przycisk po prawej”. Położenie może być dodatkową pomocą, ale nie jedynym sposobem odnalezienia elementu.

Czy wolno używać słów „powyżej” i „poniżej”?

W językach, w których „powyżej” oznacza wcześniej, a „poniżej” później w treści, sformułowania takie jak „zobacz linki poniżej” są w porządku, jeśli treść rzeczywiście znajduje się w tym miejscu w kolejności czytania, a odwołanie jest jasne.

Czym 1.3.3 różni się od 1.4.1 Użycie koloru?

Kryterium 1.3.3 dotyczy instrukcji, które opierają się wyłącznie na właściwościach zmysłowych, w tym na kolorze. Kryterium 1.4.1 obejmuje każde użycie koloru jako jedynego wizualnego sposobu przekazania informacji, nie tylko w instrukcjach.