Opis alternatywny
Wszelkie treści nietekstowe (zdjęcia, grafiki, wykresy itp.) przenoszące znaczenie (niosące w sobie informacje dla odbiorcy) użyte na stronie internetowej muszą posiadać opis alternatywny.
Opis alternatywny jest przeznaczony w szczególności dla osób korzystających z czytników ekranu.
Pomaga również wyszukiwarkom internetowym w interpretacji tego, co widnieje np. na zdjęciu. Przyczynia się do lepszego indeksowania zawartości stron przez wyszukiwarki internetowe (SEO).
Opis alternatywny powinien spełniać tę samą rolę, co element opisywany - zapewnić odbiorcy równoważny przekaz. Opis nie powinien być długi (2-3 zdania), ale powinien uwzględniać kontekst, opisywać kogo/co przedstawia i w jakiej sytuacji.
W przypadku np. grafik pełniących funkcje dekoracyjne (nie przenoszących znaczenia) atrybut zawierający opis alternatywny powinien pozostać pusty.
Jak dodać opis alternatywny
HTML
W HTML opis alternatywny należy wprowadzić za pomocą atrybutu alt, np.:
<img src="nazwa-pliku.png" alt="alternatywa tekstowa" />
System portalowy
W systemie portalowym należy uzupełnić dedykowane do tego celu pole "Opis alternatywny".
Obrazy tekstu
Nie należy stosować grafiki do przekazywania informacji tekstowych, z wyjątkiem gdy prezentacja tekstu w postaci graficznej jest istotna do zrozumienia przekazywanej informacji.
Kryteria sukcesu WCAG - alternatywa tekstowa
Na podstawie autoryzowanego tłumaczenie na język polski.
Kryteria sukcesu - definicja.
WCAG 2.1, kryterium sukcesu: 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, z wyjątkiem sytuacji ...
WCAG 2.1, kryterium sukcesu: 1.4.5 Obrazy tekstu (poziom AA)
Jeśli wykorzystywane technologie mogą przedstawiać treść wizualnie, do przekazywania informacji wykorzystuje się tekst , a nie obraz tekstu, z wyjątkiem następujących sytuacji:
- Możliwy do dostosowania: Obraz tekstu może być dostosowany wizualnie do wymagań użytkownika;
- Istotny: Prezentacja tekstu w postaci graficznej jest istotna dla zrozumienia przekazywanej informacji.