Narzędzia CometWeb
Kontrola tekstów alternatywnych
Podaj adres albo wklej HTML · sprawdzenie atrybutów alt
Podany adres pobieramy z naszego serwera, więc trafia on do naszych logów. Wklejony ręcznie kod nadal nie opuszcza Twojej przeglądarki.
Wklej źródło strony albo sam fragment. Wklejony kod jest analizowany lokalnie — nic nie jest wysyłane.
Podaj adres albo wklej HTML
Sprawdzimy każdy <img>, <area> i <input type="image">. Wklejony kod nie jest nigdzie wysyłany.
Kontrola tekstów alternatywnych sprawdza stronę pod podanym adresem albo wklejony HTML: brakujące atrybuty alt, nazwę pliku użytą jako opis, zbędne „zdjęcie przedstawiające”, obrazek w linku bez żadnej nazwy dostępnej i alt dłuższy niż użyteczny. Ocenia obecność i znane antywzorce — nie oceni, czy opis jest trafny, bo do tego trzeba zobaczyć obrazek.
Kiedy alt faktycznie zawodzi?
Brak atrybutu to nie to samo co pusty atrybut. alt="" mówi „ten obrazek nic nie wnosi, pomiń go” i jest poprawne dla grafiki dekoracyjnej. Brak alt w ogóle sprawia, że czytnik ekranu czyta nazwę pliku — stąd „D S C podkreślnik zero zero cztery dwa kropka j p g”.
Najgorszy przypadek to obrazek w linku z pustym altem i bez innej treści w środku. Link nie ma wtedy żadnej nazwy dostępnej i jest ogłaszany jako sam adres. Kryterium WCAG 2.4.4 na poziomie A tego nie dopuszcza.
„Zdjęcie przedstawiające” jest zbędne. Czytnik ekranu sam zapowiada rolę elementu, więc prefiks powtarza informację, którą użytkownik już usłyszał.
Narzędzie ocenia obecność i znane antywzorce. Czy opis jest trafny, rozstrzyga tylko człowiek, który widzi obrazek i zdanie obok — żadna automatyczna kontrola tego nie zastąpi.
Oceń obraz w kontekście strony
Wklej fragment HTML obejmujący obraz, otaczający go link i tekst. Następnie otwórz stronę i zdecyduj, jaką informację wnosi grafika. Ten sam obraz może potrzebować opisu w artykule i pustego alt w dekoracyjnym nagłówku.
W3C WAI · Easy Checks ↗Cztery przypadki
- ØBrak alt
- Czytnik ekranu odczytuje nazwę pliku. Naruszenie WCAG 1.1.1 na poziomie A.
- ""Pusty alt
- Poprawne dla grafiki dekoracyjnej — obrazek zostaje pominięty w odczycie.
- A→Obrazek w linku
- Pusty alt bez innej treści linku zostawia link bez nazwy. WCAG 2.4.4, poziom A.
- 125Długość
- Powyżej ~125 znaków opis zamienia jeden obrazek w akapit do odsłuchania.
Wpisz adres strony i kliknij „Pobierz stronę” — pobierzemy jej HTML i sprawdzimy każdy <img>, <area> i <input type="image">: czy atrybut alt istnieje, czy nie jest nazwą pliku, czy obrazek w linku ma nazwę dostępną i czy opis nie jest nadmiernie długi. Stronę za logowaniem albo wersję roboczą sprawdzisz, wklejając jej źródło lub sam fragment z obrazkami — wklejony kod analizujemy lokalnie w przeglądarce.
Nie. alt="" jest poprawnym i zalecanym zapisem dla grafiki dekoracyjnej — mówi technologii asystującej, żeby pominęła obrazek. Błędem jest dopiero pusty alt na obrazku, który niesie treść, albo na jedynym elemencie wewnątrz linku.
Nie ma limitu w specyfikacji, ale powyżej mniej więcej 125 znaków opis przestaje być etykietą, a staje się akapitem do odsłuchania. Jeśli obrazek wymaga dłuższego wyjaśnienia, lepiej umieścić je w treści strony obok.
Nie. Sprawdza obecność atrybutów i znane antywzorce w sprawdzanym kodzie. Nie oceni, czy opis oddaje sens obrazka, i nie sprawdzi pozostałych kryteriów WCAG — do tego potrzebny jest przegląd z udziałem człowieka.
Żaden przepis nie wymienia atrybutu alt wprost. Prawo dostępnościowe odsyła do WCAG — Europejski Akt o Dostępności, amerykańska Section 508 i ich odpowiedniki — a WCAG 1.1.1 to kryterium sukcesu poziomu A, które wymaga alternatywy tekstowej dla treści nietekstowej. Obowiązek jest więc realny, ale pośredni, a to, który przepis Cię obejmuje, zależy od tego, gdzie działasz i co sprzedajesz. To narzędzie czyta kod, nie Twoją sytuację prawną.
Kliknij obrazek prawym przyciskiem, wybierz Zbadaj i odczytaj atrybut alt na znaczniku <img>. Przy jednym obrazku to szybsze niż jakiekolwiek narzędzie i nie wymaga niczego instalować. Ten checker jest do drugiego przypadku — całej strony naraz, z oddzieleniem realnych problemów od obrazków poprawnie oznaczonych jako dekoracyjne.
Nie. Analiza działa w przeglądarce i wklejona treść nie trafia do CometWeb. Inaczej jest z adresem: stronę pod podanym URL-em pobiera nasz serwer, więc sam adres trafia do naszych logów.
Co jeszcze może Ci się przydać
Automatyczne testy WCAG 2.2 z listą napraw i planem działania.