Atrybut alt

Atrybut alt (tekst alternatywny) to opis zawartości obrazu umieszczany w znaczniku img w kodzie HTML. Jego zadaniem jest przekazanie treści grafiki w formie tekstowej wszędzie tam, gdzie sam obraz nie może zostać odebrany — przez osoby korzystające z czytników ekranu, przez wyszukiwarki oraz w sytuacji, gdy plik graficzny się nie załaduje. To pozornie drobny element, który realnie wpływa na dostępność i widoczność strony.

Na czym polega działanie atrybutu alt?

Gdy przeglądarka nie może wyświetlić obrazu — z powodu błędu wczytywania, wolnego łącza czy zablokowanych grafik — w jego miejscu pokazuje tekst z atrybutu alt. Czytniki ekranu odczytują ten tekst na głos, dzięki czemu osoba niewidoma dowiaduje się, co przedstawia grafika. Dla robotów wyszukiwarek atrybut alt jest głównym źródłem informacji o treści obrazu, ponieważ algorytmy wciąż interpretują tekst pewniej niż samą zawartość wizualną. Stanowi więc pomost między warstwą wizualną a maszynowym i asystującym odczytem strony.

Zastosowanie w praktyce

Dobrze napisany atrybut alt jest zwięzły, konkretny i opisuje faktyczną zawartość grafiki, a nie jej nazwę pliku. Zamiast „obrazek1.jpg” warto napisać „serwer rackowy w szafie centrum danych”. W kontekście dostępności cyfrowej i wytycznych WCAG poprawny tekst alternatywny jest wymogiem, a nie dodatkiem. W SEO on-page atrybut alt pomaga stronie rankować w wyszukiwarce grafik, o ile opis jest naturalny — upychanie w nim słów kluczowych działa odwrotnie do zamierzenia i pogarsza dostępność. Grafiki wyłącznie ozdobne powinny mieć pusty atrybut, by nie zaśmiecać odczytu czytnikiem ekranu.

Warto też pamiętać o kontekście: ten sam obraz może wymagać innego opisu w zależności od tego, jaką funkcję pełni na stronie. Zdjęcie produktu w sklepie powinno zawierać nazwę i kluczowe cechy, a ta sama grafika użyta jako link — informację o celu odnośnika. Dobrze prowadzony atrybut alt zwiększa więc nie tylko dostępność, ale i użyteczność serwisu, ułatwiając nawigację osobom korzystającym z technologii asystujących i poprawiając zrozumienie treści przez wyszukiwarki.