1.3.3 Właściwości zmysłowe - poziom A

W tym kryterium chodzi o to, żeby instrukcje dotyczące zrozumienia i wykorzystania treści nie opierały się wyłącznie na właściwościach zmysłowych. WCAG podaje wprost przykłady takich właściwości: kształt, rozmiar, wzrokowa lokalizacja, orientacja w przestrzeni lub dźwięk.

O co chodzi w praktyce?

Jeśli w instrukcji piszesz coś w stylu:

• kliknij przycisk po prawej,
• przewiń na dół,
• wybierz to w lewej kolumnie,
• zaznacz pole w czerwonej ramce,
• kliknij okrągłą ikonę,
• poszukaj większego przycisku,

…to opierasz się na wskazówkach, które działają tylko wtedy, gdy ktoś widzi układ dokładnie tak jak Ty (albo słyszy dźwięk).

A to kryterium wymaga, żeby użytkownik dostał też informację „niezależną od zmysłów”, czyli taką, którą da się zrozumieć bez patrzenia na położenie, kolor, kształt czy bez nasłuchiwania sygnału.

Jak pisać instrukcje, żeby nie wpaść w 1.3.3?

Najprostsza zasada: nie odwołuj się tylko do wyglądu lub położenia — dodaj nazwę elementu, etykietę, tytuł sekcji albo konkretną treść, którą użytkownik ma znaleźć.

Zamiast: kliknij zielony przycisk po prawej
Napisz: kliknij przycisk Zapisz.

Zamiast: wybierz opcję w lewej kolumnie
Napisz: wybierz opcję Sposób kontaktu w sekcji formularza.

Zamiast: popraw pola zaznaczone na czerwono
Napisz: popraw pola oznaczone komunikatem To pole jest wymagane.

Uwaga o kolorze

W samym kryterium znajdziesz dopisek: wymagania dotyczące koloru są w Wytycznej 1.4. To ważne, bo 1.3.3 dotyczy „sensoryki” szerzej, a kolor ma swoje osobne wymagania.

Pełny tekst kryterium 1.3.3 Właściwości zmysłowe

Instrukcje co do zrozumienia i operowania treścią nie opierają się wyłącznie na właściwościach zmysłowych, takich jak: kształt, rozmiar, wzrokowa lokalizacja, orientacja w przestrzeni lub dźwięk.

Źródło: https://www.w3.org/Translations/WCAG21-pl/#w-asciwosci-zmys-owe

Chcesz wiedzieć więcej?

• 1.1.1 Treść nietekstowa - poziom A
• 1.2.1 Tylko audio lub tylko wideo (nagranie) - poziom A
• 1.2.2 Napisy rozszerzone (nagranie) - poziom A
• 1.2.3 Audiodeskrypcja lub alternatywa tekstowa dla mediów (nagranie) - Poziom A
• 1.2.4 Napisy rozszerzone (na żywo) - poziom AA
• 1.2.5 Audiodeskrypcja (nagranie) - poziom AA
• 1.2.6 Język migowy (nagranie) - poziom AAA
• 1.2.7 Rozszerzona audiodeskrypcja (nagranie) - poziom AAA
• 1.2.8 Alternatywa dla mediów (nagranie) - poziom AAA
• 1.2.9 Tylko audio (na żywo) - poziom AAA
• 1.3.1 Informacje i relacje - poziom A
• 1.3.2 Zrozumiała kolejność - poziom A
• 1.3.3 Właściwości zmysłowe - poziom A
• 1.3.4 Orientacja - poziom AA
• 1.3.5 Określenie pożądanej wartości - poziom AA
• 1.3.6 Określenie przeznaczenia - poziom AAA
• 1.4.1 Użycie koloru - poziom A
• 1.4.2 Kontrola odtwarzania dźwięku - poziom A
• 1.4.3 Kontrast (minimalny) - poziom AA
• 1.4.4 Zmiana rozmiaru tekstu - poziom AA
• 1.4.5 Obrazy tekstu - poziom AA
• 1.4.6 Kontrast (wzmocniony) - poziom AAA
• 1.4.7 Niska głośność lub bez dźwięków w tle - poziom AAA
• 1.4.8 Prezentacja wizualna - poziom AAA
• 1.4.9 Obrazy tekstu (bez wyjątków) - poziom AAA
• 1.4.10 Dopasowanie do ekranu - poziom AA
• 1.4.11 Kontrast elementów nietekstowych - poziom AA
• 1.4.12 Odstępy w tekście - poziom AA
• 1.4.13 Treść spod kursora lub fokusu - poziom AA