Najczęstszy błąd w tekście alternatywnym to nie jego brak. To również się zdarza, ale jest to widoczny błąd, który szybko się zauważa. Bardziej uporczywy błąd polega na tym, że tekst alt istnieje, ale nic nie dodaje: nazwa pliku zdjęcia, słowo "obraz", rozległa opis ozdobnego obramowania lub zupełnie nic przy przycisku zawierającym tylko ikonę. Dla użytkownika czytnika ekranu generuje to szum zamiast informacji i czasami oznacza, że funkcja na stronie staje się bezużyteczna.
WCAG 2.1, norma, na której opiera się EN 301 549, wymaga, aby treść nietekstowa otrzymała alternatywę tekstową służącą temu samemu celowi. To brzmi prosto, ale w praktyce wymóg ten jest często formalnie zatwierdzany bez funkcjonalności tekstu. Coś znajduje się w atrybucie alt, lista kontrolna jest spełniona, ale użytkownik, który słucha odczytanego tekstu, nic z tego nie ma.
Co dokładnie idzie źle
Kilka wzorców powtarza się. Nazwa pliku jako tekst alternatywny, taki jak "IMG_2044.jpg" lub "product-foto-3.png", ponieważ system redakcyjny wypełnia go automatycznie, a nikt tego nie koryguje. Tekst alternatywny wypełniony słowami kluczowymi zamiast opisu, co może być przeznaczone dla wyszukiwarek, ale dla czytnika ekranu brzmi jak bezsensowne wyliczenie. Obraz dekoracyjny, taki jak zdjęcie atmosferyczne obok nagłówka, który mimo to otrzymuje szczegółowy opis i w ten sposób niepotrzebnie spowalnia kolejność odczytywania. I być może najczęstszy: ikony funkcjonalne, takie jak koszyk, lupa lub krzyż do zamykania, które działają jako przyciski, ale nie mają żadnej tekstowej nazwy. Czytnik ekranu odczytuje wówczas tylko "przycisk" bez wyjaśnienia, co ten przycisk robi.
W przypadku zdjęć produktów często dzieje się odwrotnie: tekst alternatywny opisuje zdjęcie zamiast produktu. "Kobieta w niebieskim swetrze na plaży" nic nie mówi o odzieży, która jest sprzedawana, podczas gdy to właśnie ta informacja jest tym, czego szuka użytkownik, gdy nie widzi zdjęcia.
Dlaczego zautomatyzowane skanowanie tego w pełni nie wychwytuje
Skan może na pewno ustalić, czy obraz ma atrybut alt i czy jest pusty. To jest przydatne i łapie najgrubsze błędy. Czego skan nie może pewnie ocenić, to czy zawartość tego tekstu jest poprawna: czy "zdjęcie" rzeczywiście opisuje to, co widać, czy przycisk ikony otrzymał sensowną nazwę odpowiadającą jego funkcji. To wymaga oceny przez człowieka i właśnie dlatego każdy raport zawiera informację o tym, która część testowania jest zautomatyzowana, a która nie. Jeśli chcesz szybko zobaczyć na swojej stronie, gdzie znajdują się jasne przypadki, to możliwe jest w kilka minut za pomocą bezpłatnego szybkiego skanowania.
Jak tego uniknąć
Najpraktyczniejsze pytanie przy pisaniu tekstu alternatywnego to: co bym powiedział na głos, aby opisać ten obraz komuś, kto go nie widzi, w kontekście tej strony? W przypadku zdjęcia produktu jest to odzież, kolor lub cecha pokazana na zdjęciu. W przypadku przycisku jest to akcja wykonywana przez przycisk, a nie sama ikona. W przypadku czystego obrazu dekoracyjnego, takiego jak wzór tła, pusty tekst alternatywny (alt="") jest właściwym wyborem, aby czytnik ekranu pominął obraz zamiast odczytywania czegoś, co nic nie dodaje.
To również jedno z miejsc, gdzie wcześniejsza dobra sytuacja może się pogorszyć bez czyjejś wiedzy: redaktor dodaje nowe zdjęcie produktu, system automatycznie wypełnia nazwę pliku, a tekst, który wcześniej tam był, znika. To nie jest zadanie jednorazowe, ale coś, co wraca przy każdej zmianie — z tego powodu temat ten należy do szerszych wymogów dotyczących treści innej niż tekst, które są opracowane w bazie wiedzy dla każdej sytuacji.
Co z tego wynika
Dobre teksty alternatywne to nie kwestia większej ilości tekstu, ale właściwego tekstu we właściwym miejscu: krótkie i funkcjonalne przy przyciskach i ikonach, znaczące przy zdjęciach produktów i nieobecne, gdy obraz jest czysto dekoracyjny. To rozróżnienie zajmuje mało czasu, gdy wzorzec jest już jasny, i zaoszczędza wiele prac wyszukiwawczych później. Jak to rozróżnienie przedstawiamy w raporcie, sprowadzając je do konkretnych, uporządkowanych według priorytetów punktów, opisano na stronie wyjaśniającej, jak dokonuje się oceny, a do pytań, które najczęściej się pojawiają, dołączamy przegląd z odpowiedziami.
Czy chcielibyście wiedzieć, czy tego typu błędy występują również na waszej stronie? Bezpłatne skanowanie szybkie daje wam w tym względzie pierwszy, niewiążący obraz bez konieczności posiadania konta.