Atrybut alt
Atrybut alt to opis tekstowy obrazka umieszczany w znaczniku HTML. Pełni dwie funkcje: czyta go oprogramowanie asystujące osobom niewidomym i słabowidzącym, a wyszukiwarka wykorzystuje jako główną wskazówkę o zawartości grafiki. Wyświetla się także wtedy, gdy obrazek nie może zostać załadowany.
Dostępność przede wszystkim
Pierwotnym i najważniejszym zastosowaniem atrybutu jest dostępność. Czytnik ekranu odczytuje jego treść zamiast obrazka, więc opis powinien przekazywać tę samą informację, którą niesie grafika dla osoby widzącej.
To kryterium rozstrzyga większość wątpliwości redakcyjnych: jeśli opis nie miałby sensu przeczytany na głos w miejscu obrazka, jest napisany źle.
Jak pisać dobry opis alternatywny
Dobry opis jest konkretny i zwięzły. Nie zaczyna się od zwrotu „zdjęcie przedstawiające” — czytnik i tak zapowiada, że napotkał grafikę.
- opisuj to, co widać, a nie to, na jaką frazę chcesz się pozycjonować
- zachowaj zwięzłość — zwykle wystarczy jedno zdanie
- pomiń zwroty typu „obrazek” i „grafika przedstawiająca”
- dla wykresów podaj wniosek, a nie wygląd — liczby ważniejsze niż kolory słupków
Kiedy alt zostawić pusty
Grafiki czysto dekoracyjne — tła, ozdobniki, separatory — powinny mieć atrybut pusty, zapisany jako alt=””. Czytnik ekranu pomija je wtedy w całości, zamiast odczytywać nazwę pliku.
Pominięcie atrybutu w ogóle daje odwrotny skutek: część czytników odczytuje wówczas nazwę pliku, co bywa bezużyteczne dla odbiorcy.
Alt a SEO obrazków
Dla wyszukiwarki opis alternatywny jest głównym sygnałem o treści grafiki i podstawą wyświetlania jej w wyszukiwarce grafiki. Wspierają go nazwa pliku, podpis oraz treść otaczająca obrazek.
Upychanie fraz w opisach jest przeciwskuteczne: pogarsza doświadczenie osób korzystających z czytników, a wyszukiwarka rozpoznaje wzorzec i traktuje go jako sygnał nadoptymalizacji.
Najczęściej zadawane pytania
Każdy powinien mieć zadeklarowany atrybut, ale grafiki dekoracyjne powinny mieć go pustego. Pominięcie atrybutu w ogóle sprawia, że część czytników odczytuje nazwę pliku.
Nie ma formalnego limitu; w praktyce zwykle wystarcza jedno zdanie. Kryterium jest sensowność po odczytaniu na głos w miejscu obrazka.
Tylko jeśli naturalnie opisują zawartość grafiki. Upychanie fraz szkodzi dostępności i bywa rozpoznawane jako nadoptymalizacja.
Alt to tekst alternatywny odczytywany zamiast obrazka. Title wyświetla się jako dymek po najechaniu kursorem i nie jest odczytywany przez wszystkie czytniki — nie zastępuje opisu alternatywnego.
Podając wniosek, który z niego wynika, a nie wygląd. Dla odbiorcy korzystającego z czytnika istotna jest informacja z danych, nie kolor ani liczba słupków.
