1.1.1 Treść nietekstowa - poziom A

Wszelkie treści nietekstowe przedstawione użytkownikowi mają swoją tekstową alternatywę , która służy tym samym celom...

O co chodzi w kryterium 1.1.1 Treść nietekstowa?

Jeśli jesteś redaktorem strony internetowej to tak naprawdę interesować Cię będą podstawowe materiały nietekstowe, czyli zdjęcia i grafiki. Zgodnie z ktyterium sukcesu 1.1.1 Treść nietekstowa wszystkie obrazy, grafiki, zdjęcia itp. powinny posiadać tak zwany opis alternatywny.

Dobry tekst alternatywny jest zwięzły i opisuje najważniejsze elementy zdjęcia/grafiki, np. Prezydent Jan Kowalski wita burmistrza Jana Nowaka albo Dyrektor Adam Kowalski podczas apelu z okazji Dnia Niepodległości.

Oczywiście są sytuacje, w których nie musisz stosować opisu alternatywnego, a wręcz nie powinieneś...

Kiedy obraz lub zdjęcie nie musi mieć opisu alternatywnego?

Warto pamiętać, że opisy alternatywne tworzymy dla osób, które nie są w stanie zobaczyć zdjęcia czy grafiki, dlatego powinny być przede wszystkim funkcjonalne. Jeśli grafika lub zdjęcie ma charakter czysto dekoracyjny, np. zdjęcie tornistra w aktualności o przyborach dla pierwszoklasisty albo pacjent czekający przed gabinetem powinny mieć pusty atrybut alt. To szalenie ważne - nie brak opisu, ale pusty opis, czyli atrybut alt="". I właśnie taki pusty opis dodajemy dla każdego obrazka czy zdjęcia.

Po co jest pusty alt?

Kiedy dodajesz pusty atrybut alt (alt="") czytnik ekranu ignoruje dany element. Jeśli tego nie zrobisz czytnik przeczyta Obraz i tyle... zero informacji o tym jaki to obraz. Dlatego, żeby czytnik po prostu zignorował istnienie obrazka musi posiadać pusty atrybut alt. 

Uwaga: pusty alt jest dozwolony tylko w treści nietekstowej - nie możesz dodawać go do zdjęć czy grafik niosących jakąś informację tylko po to, żeby nie dodawać opisu alternatywnego!

Pełny tekst kryterium 1.1.1 Treść nietekstowa

Wszelkie treści nietekstowe przedstawione użytkownikowi mają swoją tekstową alternatywę , która służy tym samym celom, z wyjątkiem sytuacji opisanych poniżej:

Kontrolki i wprowadzanie danych przez użytkownika

Jeśli treść nietekstowa jest kontrolką użytkownika lub polem wprowadzania danych, posiada wtedy nazwę opisującą jej przeznaczenie. ( Kryterium sukcesu 4.1.2 podaje dodatkowe wymagania dotyczące kontrolek oraz wprowadzania danych przez użytkownika.)

Multimedia

Jeśli treścią nietekstową są media oparte na czasie, wtedy alternatywa tekstowa zawiera przynajmniej opisowe określenie treści nietekstowej. ( Wytyczna 1.2 podaje dodatkowe wymagania, jeśli chodzi o media.)

Test

Jeśli treść nietekstowa jest testem lub ćwiczeniem, które utraciłoby swój sens ze względu na przedstawienie tej samej treści w postaci tekstu , wtedy alternatywa w postaci tekstu podawać powinna przynajmniej opis pozwalający zrozumieć przeznaczenie treści nietekstowej.

Odczucie zmysłowe

Jeśli treść nietekstowa ma za zadanie przede wszystkim tworzyć konkretne odczucie zmysłowe , wtedy alternatywa w postaci tekstu jest opisem pozwalającym zrozumieć przeznaczenie treści nietekstowej.

CAPTCHA 

Jeśli celem treści nietekstowej jest potwierdzenie, że do treści ma dostęp człowiek, a nie komputer, wtedy dostarcza się alternatywę w postaci tekstu, która identyfikuje oraz opisuje cel treści nietekstowej. Dostarcza się również alternatywnych zabezpieczeń typu CAPTCHA, dostosowanych do różnych możliwości percepcji użytkowników, uwzględniając różne rodzaje niepełnosprawności.

Cele dekoracyjne, formatowanie, treść niewidoczna

Jeśli treść nietekstowa pełni funkcję czysto dekoracyjną , używana jest do formatowania wizualnego lub też nie jest przedstawiana użytkownikowi, powinna być wdrożona w sposób umożliwiający technologiom wspomagającym jej zignorowanie.

Źródło: https://www.w3.org/Translations/WCAG21-pl/#tresc-nietekstowa 

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