Image Alt Text Checker Screpy znajduje obsługiwane elementy obrazów w pobranym HTML jednej strony i rozdziela brak atrybutu alt, wartości puste i tekst. Na podstawie dowodów utwórz listę poprawek, a potem oceń rolę każdego obrazu. Narzędzie lokalizuje atrybuty, nie analizuje pikseli, nie pisze opisów i nie certyfikuje dostępności.
Sprawdź stronę zawierającą obrazy
Wpisz publiczny adres HTTP/HTTPS strony, nie pliku zdjęcia. Źródło musi zwracać czytelny HTML. Dla galerii produktu sprawdź stronę, na której się znajduje. Sam plik obrazu nie ujawnia tekstu alternatywnego przypisanego w danym użyciu.
Raport czyta elementy img oraz input typu image. Korzysta z odpowiedzi HTML bez wykonywania JavaScript. Obrazy dodawane dopiero przez skrypty mogą być pominięte; tła CSS i osadzone SVG też są poza listą.
Zachowywanych jest do 1000 wierszy, a długie dowody mogą być skracane. To wystąpienia elementów, nie unikalne pliki. Jedno zdjęcie może mieć dwa wiersze i różne zadania. Czytaj ostrzeżenia o częściowym zakresie: lista nie obejmuje każdego elementu wizualnego dużej lub dynamicznej strony. Brak obsługiwanych elementów nie dowodzi braku obrazów na ekranie.
Odróżnij brak alt, pustą wartość i wpisany tekst
Filtrami sprawdzaj jedną kategorię naraz. Brak oznacza, że element nie ma atrybutu alt. Pusty oznacza atrybut bez znaczącego tekstu, również z samymi spacjami. Wpisany tekst oznacza jedynie zawartość, nie jej poprawność, użyteczność ani przydatność dla czytnika ekranu.
Zacznij od braków, potem oceń puste wartości w kontekście. Wskazówki W3C WAI dla obrazów dekoracyjnych wyjaśniają, dlaczego pusty tekst pasuje do obrazu bez dodatkowej informacji. Pominięcie atrybutu i pusta wartość to różne decyzje. Nie wypełniaj wszystkiego dla zwiększenia licznika.
Źródło obrazu i numer wiersza HTML pomagają znaleźć element w szablonie lub wyniku CMS. Narzędzie oznacza też niektóre wartości przypominające nazwy plików, np. opis kończący się na .jpg. To wskazówka, nie pełna ocena języka. Ogólny, błędny lub powtarzalny tekst może nie wywołać ostrzeżenia i nadal wymagać poprawy.
Dobierz tekst alternatywny do roli obrazu
Zapytaj, co straci osoba, która nie zobaczy obrazu. Drzewo decyzyjne alt W3C WAI rozróżnia użycie informacyjne, dekoracyjne i funkcjonalne. Ten sam plik może wymagać innego podejścia zależnie od strony, sąsiedniego tekstu i celu.
Fikcyjne przykłady pokazują wybory redakcyjne. Sformułowania pasują tylko przy prawdziwych szczegółach obrazu i kontekstu; narzędzie nie oglądało tych grafik.
| Rola obrazu | Możliwe rozwiązanie | Warunek do sprawdzenia |
|---|---|---|
| Zdjęcie produktu z detalem | „Niebieski plecak z dwiema przednimi kieszeniami na zamek” | Szczegóły są prawdziwe i istotne przy wyborze |
| Dekoracyjny separator | Pusty atrybut alt | Brak dodanej informacji lub funkcji |
| Logo jako jedyna treść linku głównego | „Strona główna Example” | Obraz jest jedyną treścią i prowadzi do strony głównej |
| Wykres z ważnymi wartościami | Krótka alternatywa oraz opis lub tabela obok | Wniosek i liczby dostępne bez oglądania wykresu |
Dla obrazu w linku lub przycisku opisz cel albo działanie, jeśli inaczej byłoby niejasne. Nie zastępuj funkcji opisem kształtu ikony. Przy złożonym wykresie nie wciskaj całego zbioru danych do atrybutu; podaj szczegóły w treści strony.
Wytyczne obrazów Google zalecają użyteczne, kontekstowe alternatywy i odradzają upychanie fraz. Naturalnie opisz istotne znaczenie. Lista słów kluczowych nie zastępuje objaśnienia, a wypełnienie atrybutu nie gwarantuje pozycji obrazów.
Popraw źródło i przejrzyj opublikowaną stronę
Zmień pole lub komponent tworzący element. Opis multimediów w CMS nie pomaga, jeśli szablon nie umieszcza go w alt. Gdy wada powtarza się w kartach lub galeriach, sprawdź wspólny komponent i pojedyncze wpisy. Nie zastępuj wszystkich opisów jednym globalnym tekstem.
Opublikuj poprawkę i ponów ten sam URL. Potwierdź atrybut w zwróconym HTML, potem obejrzyj stronę i otoczenie tekstowe. Zachowaj celowe puste alternatywy i sprawdź znaczenie obrazów informacyjnych oraz funkcjonalnych. Celem jest użyteczna treść, nie raport wyłącznie niepustych wartości.
Ręcznie oceń pominięte ważne grafiki i zachowania JavaScript. Pełna dostępność wymaga więcej niż kontroli atrybutu. Inne sygnały sprawdzisz w On-Page SEO Checker, a strukturę w Heading Structure Analyzer. Żadne z nich nie zamienia tego badania w certyfikat.