Sprawdzanie tekstu alternatywnego obrazów

Sprawdź atrybuty alt na stronie. Znajdź brakujące, puste i podane teksty wraz z wierszami źródła i jasnymi ograniczeniami.

Sprawdź tekst alternatywny obrazów

Tekst alternatywny wyjaśnia obraz, gdy nie można go zobaczyć. Narzędzie odczytuje elementy img i pola obrazu z pobranego HTML jednej strony. Rozróżnia brakujące atrybuty, puste wartości i podane teksty. Wpisz URL strony, a nie pliku obrazu.

Zinterpretuj dane

Użyj filtrów i wierszy źródła, aby znaleźć każdą deklarację. Brakujący atrybut wymaga uwagi. Puste alt="" może być celowe dla obrazu dekoracyjnego; przed zmianą sprawdź jego funkcję. Obecny tekst również wymaga oceny człowieka: opisz rolę obrazu w kontekście zamiast powtarzać nazwę pliku lub upychać słowa kluczowe. Przy obrazie z linkiem wyjaśnij cel lub działanie.

Popraw i sprawdź ponownie

Zaktualizuj komponent obrazu lub pole CMS, a następnie sprawdź opublikowaną stronę. Raport zachowuje najwyżej 1 000 wierszy i może skracać długie dane. Nie renderuje JavaScript, nie bada pikseli ani nie certyfikuje dostępności. Inne sygnały strony sprawdzisz w On-Page SEO Checker.

Dopasuj tekst do celu obrazu

Zdjęcie produktu może wymagać krótkiego opisu wyróżniającej cechy, na przykład koloru i przegródek plecaka. Ozdobny separator może mieć alt="". Gdy logo jest jedyną treścią linku do strony głównej, opisz cel, np. „Strona główna Example”, zamiast kształtu. To przykłady zależne od kontekstu, nie teksty do wszystkich obrazów.

Wykres często potrzebuje więcej niż krótkiej alternatywy. Wyjaśnij wniosek i podaj ważne wartości w pobliskim tekście lub tabeli. Nie umieszczaj całego zbioru danych w jednym atrybucie. Jeśli sąsiedni tekst już zawiera te informacje, oceń, czy opis wnosi wartość, czy się powtarza.

Użyj raportu jako listy zmian

Najpierw filtruj brakujące atrybuty, potem oceniaj puste wartości i istniejące teksty w kontekście. „Obecny” oznacza tylko wpisany tekst, nie jego poprawność. Sprawdź wspólne komponenty szablonu i wpisy CMS, aby problem się nie powtarzał.

Opublikuj zmiany i sprawdź stronę ponownie. Raport nie ocenia teł CSS ani wszystkich elementów graficznych i nie tworzy opisów z pikseli. Oceń ręcznie ważne wizualizacje poza listą. Dostępność wymaga trafnego wyjaśnienia celu, nie tylko większej liczby wypełnionych atrybutów.

Często zadawane pytania

Sprawdź atrybuty alt na stronie. Znajdź brakujące, puste i podane teksty wraz z wierszami źródła i jasnymi ograniczeniami.

Jaki URL wpisać?

Jeden publiczny URL strony HTTP lub HTTPS. Źródło musi zwracać HTML; sam plik obrazu nie jest akceptowany.

Czym różni się brak alt od pustego alt?

Brak oznacza, że nie znaleziono atrybutu alt. Pusty oznacza alt="", co może być właściwe dla obrazów dekoracyjnych. Sprawdź przeznaczenie obrazu.

Czy sprawdzane są wszystkie obrazy na ekranie?

Nie. Narzędzie sprawdza pobrany HTML bez wykonywania JavaScript i zachowuje do 1 000 obsługiwanych elementów obrazów. Częściowy zakres jest wskazany.

Czy pusty atrybut alt jest błędem?

Nie zawsze. Obrazy dekoracyjne często wymagają pustego atrybutu; obrazy informacyjne lub funkcjonalne potrzebują tekstu dopasowanego do kontekstu.

Jak napisać przydatny tekst alternatywny?

Opisz znaczenie obrazu istotne w danym kontekście. Dla obrazu będącego linkiem lub przyciskiem opisz cel albo działanie. Unikaj upychania słów kluczowych.