Cel kryterium - czyli o co chodzi?
Zapewnienie dostępności elementów nietekstowych, takich jak ikony i grafiki, poprzez dostarczenie odpowiedniej alternatywy tekstowej. Alternatywa ta pozwala na przetworzenie informacji przez technologie wspomagające, takie jak czytniki ekranu, co ułatwia dostęp do treści osobom niewidomym lub niedowidzącym.
Kluczowe punkty:
- Ocena znaczenia elementów nietekstowych:
Nie wszystkie elementy nietekstowe muszą mieć opis. Zespół wytwórczy razem z projektantami powinien zdecydować, które ikony i grafiki są istotne dla treści i układu strony, a które pełnią funkcję dekoracyjną.
- Użycie atrybutu alt:
alt=""– Używane dla elementów dekoracyjnych. Elementy te będą omijane przez technologie asystujące.alt="kobieta czytająca książkę w parku"– Przykład opisu elementu, który zostanie przetworzony przez czytnik ekranu. - Zasady tworzenia tekstów alternatywnych:
- Unikaj używania słów takich jak „zdjęcie” czy „grafika” – poprawnie zaimplementowany element HTML przekazuje te informacje automatycznie.
- Opis powinien być krótki i treściwy. Nie ma ścisłych limitów długości, ale zasada „im mniej, tym lepiej” jest tutaj kluczowa.
Przykłady:
- Dekoracyjna ikona:
<img src="/icon.png" alt=""> - Opisowa grafika:
<img src="/woman_reading_book.png" alt="kobieta czytająca książkę w parku">
Czy wiesz, że?
Narzędzia takie jak media społecznościowe i MS Office automatycznie generują opisy alternatywne, jeśli nie zostaną one zdefiniowane ręcznie. Warto jednak sprawdzić i ewentualnie poprawić te opisy przed publikacją, ponieważ automatyczne opisy nie zawsze są idealne.
Zapewnienie alternatywy tekstowej dla elementów nietekstowych to kluczowy krok w tworzeniu dostępnych stron internetowych, które są czytelne i zrozumiałe dla wszystkich użytkowników, niezależnie od używanej technologii.
