Obrazy bez tajemnic: kompletny przewodnik po pisaniu efektywnego tekstu alternatywnego

„Jaką nazwę pliku chciałbyś, aby czytnik ekranu czytał Ci na głos do ucha 40 razy dziennie?” To trochę absurdalne pytanie, ale dokładnie tak się dzieje, gdy pozostawiony znaczący obraz ma alt="image1.jpg" lub, co gorsza, nie ma żadnego tekstu alternatywnego. Ten artykuł to praktyczny przewodnik po pisaniu tekstu alternatywnego, który naprawdę pomaga — nie tylko obecny, ale i dobry.

Dlaczego zły tekst alternatywny jest prawie tak samo zły, jak brakujący tekst alternatywny

Zgodnie z WCAG 1.1.1 cała treść nietekstowa musi mieć alternatywę tekstową — ale wymagania formalne to tylko połowa historii. „image1.jpg”, „image” lub „logo” technicznie spełniają wymagania (istnieje atrybut alt), ale nie przekazują żadnych prawdziwych informacji. Użytkownik czytnika ekranu, który słyszy ciąg „obraz... obraz... image23.png” jest nie mniej sfrustrowany niż widzący użytkownik patrzący na serię pustych klatek.

Jak napisać dobry tekst alternatywny

Naczelna zasada: opisz przekaz obrazu w kontekście, w którym się pojawia, a nie dosłowny opis tego, co widzisz. Zdjęcie osób siedzących przy stole podczas spotkania zespołu, towarzyszące artykułowi na temat współpracy, może zostać opatrzone etykietą „Zespół pracujący razem przy stole”, a nie „Zdjęcie ludzi”. W przypadku wykresu opisz wnioski, jakie przedstawia wykres: „Wykres słupkowy pokazujący 40% wzrost sprzedaży w trzecim kwartale” jest znacznie lepszy niż „Wykres słupkowy”.

• Krótkie i treściwe — zazwyczaj wystarczą 1–2 zdania; nie ma potrzeby opisywania każdego wizualnego szczegółu.
• Pomiń „obraz” lub „obrazek” — czytnik ekranu już informuje, że jest to obraz, więc nie ma potrzeby go powtarzać.
• Weź pod uwagę otaczający tekst — ten sam obraz może otrzymać inny tekst alternatywny w różnych kontekstach.

Kiedy celowo pozostawić tekst alternatywny pusty

Nie każdy obraz wymaga opisu. Obrazy czysto dekoracyjne — graficzne linie podziału, ilustracje w tle, ikony, które po prostu powtarzają pobliski tekst — najlepiej tagowaćalt=""(pusty tekst alternatywny, którego nie brakuje), aby czytnik ekranu całkowicie je pominął. Różnica między „brakującym” a „celowo pustym” jest krytyczna: brak brzmi jak błąd lub powoduje odczytanie nazwy pliku; celowo pusty po prostu po cichu go pomija.

Co zrobić ze złożonymi wykresami i diagramami

W przypadku złożonego wykresu danych, ilustrowanej tabeli porównawczej lub infografiki z kilkoma warstwami informacji krótki tekst alternatywny nie wystarczy — jest za dużo informacji do przekazania. Rozwiązanie: krótki tekst alternatywny opisujący ogólny temat, obok niego (w zwykłym tekście otaczającym obraz, a nie tylko w atrybucie alt) bardziej szczegółowy opis ważnych danych lub równoważna tabela danych, po której może poruszać się czytnik ekranu.