WCAG 2.1, czyli zbiór wytycznych mówiących o tym jak tworzyć treści, aby były dostępne cyfrowo. Szerzej pisałem o tym w artykule WCAG 2.1: Kluczowe standardy dostępności cyfrowej
W dzisiejszym wpisie postaram się przybliżyć pierwszy z kryteriów sukcesu, czyli kryterium 1.1.1 alternatywa tekstowa.
Wszytskie elementy graficzne (zdjęcia, grafiki, ikony) powinny mieć alternatywę w postaci tekstu. Dlaczego? Osoby niewidome lub z problemami ze wzrokiem (nawet czasowym) nie będą wiedziały jaką treść niesie ze sobą dana grafika.
Jak dodać alternatywę tekstową?
Z pomocą przychodzi nam m.in. atrybut alt:
- alt=”” – atrybut dodawany do znacznika <img>. W tym przypadku oznacza element dekoracyjny, tzw. pusty alt. Czytnik ekranu pominie taką grafikę.
- alt=”rudy kot śpiący na kanapie” – przykładowy opis grafiki. Czytnik ekranu powiadomi osobę niewidomą, że jest to grafika i przeczyta “rudy kot śpiący na kanapie”. Bez takiego opisu użytkownik naszej strony otrzymałby tylko informację, że jest to grafika. Zastanawiałby się tylko, czy było na tej grafice coś istotnego co pozwoliłoby mu lepiej zrozumieć przeglądaną treść.
Może nasunąć się pytanie, czy wszytskie elementy graficzne musza mieć alternatywę tekstową? Otóż nie! Jest to częsty błąd twórców stron internetowych. Elementy graficzne, które nie wpływają na zrozumienie treści nie powinny posiadać alternatywy tekstowej.
Powiązane treści
Opis WCAG: https://www.w3.org/Translations/WCAG21-pl/#alternatywa-tekstowa