Trzy stany, a nie dwa
Każdy obraz na każdej stronie, z detalami wystarczającymi, by odróżnić usterkę od świadomej decyzji.
-
01
Jeden wiersz na obraz
Każdy element img na stronie, ze źródłem, w kolejności występowania. Nic nie jest deduplikowane, więc ikona użyta czterdzieści razy pojawi się czterdzieści razy – i zwykle o to właśnie chodzi.
-
02
Brak, pusty albo obecny
Całkowity brak atrybutu alt to usterka. Pusty atrybut to świadoma deklaracja, że obraz nie niesie treści. Obecny to obecny. Trzy kolumny, trzy różne rozmowy.
-
03
Sam tekst alternatywny
Nie tylko informacja, czy istnieje. Dostają Państwo jego treść, więc IMG_4021.jpg i „obrazek” pokazują się takimi, jakie są, zamiast liczyć się jako zaliczone.
-
04
Dwadzieścia pięć stron w jednej tabeli
Po posortowaniu kolumny alt wszystkie braki z całej sekcji serwisu ustawiają się obok siebie – a to jedyny sposób, żeby ta praca kiedykolwiek się skończyła.
Pięć rzeczy, które ujawnia ta kolumna
Najpierw dostępność, potem wyszukiwarka grafiki. W tej kolejności, bo w takiej kolejności ustawiają się prawo i użytkownik.
-
Całkowity brak atrybutu alt
Czytnik ekranu przechodzi wtedy do odczytania nazwy pliku – i tak właśnie odwiedzający słyszy „hero podkreślnik v dwa final kropka jpeg”.
-
Pusty alt przy obrazie niosącym treść
Najczęstsze fałszywe zaliczenie. Atrybut jest, checker odhacza pozycję, a wykres dźwigający całą argumentację strony zostaje zapowiedziany jako nic.
-
Nazwa pliku jako tekst alternatywny
IMG_4021.jpg w atrybucie alt to brak tekstu alternatywnego, tylko okrężną drogą. To również najłatwiejsza rzecz na tej liście do znalezienia: wystarczy posortować kolumnę.
-
Tekst alternatywny powtarzający podpis
Czytnik ekranu odczyta oba, jeden po drugim. Lepiej powiedzieć to raz – w tym miejscu, które trafia też do osoby widzącej.
-
Obrazy dekoracyjne opisane ze szczegółami
Separatory, ozdobniki w rogach i grafiki wypełniające z doczepionym zdaniem to szum. Pusty atrybut alt jest tu poprawną odpowiedzią – i to odpowiedzią prawdziwą, a nie pójściem na skróty.
Czego narzędzie nie powie
Lepiej powiedzieć to tutaj, niż zostawić do odkrycia później.
-
01
Czy tekst alternatywny jest dobry
Narzędzie powie, że atrybut istnieje, i pokaże zdanie. To, czy zdanie opisuje obraz, jest kwestią osądu i żadne narzędzie nie rozstrzygnie tego uczciwie.
-
02
Obrazy tła z CSS są niewidoczne
Element img jest odczytywany. Background-image w arkuszu stylów nie jest obrazem ani dla tego narzędzia, ani dla czytnika ekranu.
-
03
Obrazy ładowane leniwie mogą się nie pojawić
Jeśli właściwe źródło siedzi w atrybucie data, dopóki skrypt go nie podmieni, wiersz może pokazać pusty src albo placeholder. Tutaj dociera wyłącznie statyczny HTML.
-
04
Dwadzieścia pięć adresów URL na uruchomienie
Wszystko dzieje się w karcie przeglądarki. Przy serwisie z dużą liczbą obrazów lepiej sprawdzi się crawler desktopowy.
Uzasadnione pytania
Czym różni się brakujący atrybut alt od pustego?
Brak atrybutu oznacza, że nikt nie podjął decyzji. Pusty oznacza, że ktoś uznał obraz za dekoracyjny i technologie wspomagające mają go pominąć. Pierwsze to błąd; drugie to poprawny kod – a narzędzie raportujące oba przypadki tak samo jest bezużyteczne w obie strony.
Czy tekst alternatywny wpływa na SEO, czy tylko na dostępność?
Na oba, choć nierównomiernie. To realny wymóg dostępności wynikający z WCAG i jednocześnie główny sygnał tekstowy, jaki wyszukiwarka ma dla obrazu. Warto traktować dostępność jako powód, a wyszukiwarkę grafiki jako efekt uboczny.
Czy każdy obraz powinien mieć tekst alternatywny?
Każdy obraz potrzebuje atrybutu alt. Nie każdy potrzebuje słów w środku. Czysto dekoracyjna grafika dostaje pusty atrybut, żeby technologie wspomagające przeszły obok bez komentarza.
Dlaczego brakuje obrazu w tabeli?
Niemal zawsze przez leniwe ładowanie albo skrypt wstawiający obraz już po załadowaniu strony. Narzędzie czyta HTML wysłany przez serwer, a w tamtym momencie obrazu tam nie było.
Obrazy to jedna zakładka checkera
To samo uruchomienie zwraca również tytuły, meta description, nagłówki, liczbę słów, linki i dane strukturalne. To jedno narzędzie z siedmioma tabelami i siedmioma eksportami CSV, a nie siedem osobnych narzędzi do uruchamiania po kolei.
Inne kontrole wykonywane przez to samo narzędzie: Masowy checker SEO, Sprawdzanie meta tagów, Sprawdzanie nagłówków, Liczenie słów, Sprawdzanie canonicali, Sprawdzanie Open Graph, Sprawdzanie Schema