Atrybut ALT (Tekst alternatywny)

Atrybut ALT (znany również jako tag alt, opis alternatywny lub tekst alternatywny) to atrybut HTML umieszczany wewnątrz znacznika obrazka (<img>). Służy on do tekstowego opisania tego, co znajduje się na grafice. Jego treść nie jest widoczna bezpośrednio na stronie dla przeciętnego użytkownika (chyba że obraz się nie załaduje), ale jest kluczowa dla robotów wyszukiwarek oraz oprogramowania wspierającego osoby z niepełnosprawnościami.

Trzy główne funkcje atrybutu ALT

  1. Dostępność cyfrowa (Accessibility & WCAG): Jest to najważniejsza funkcja z perspektywy etycznej i prawnej. Osoby niewidome i niedowidzące korzystają z czytników ekranu (screen readers), które przetwarzają treść strony na mowę syntetyczną. Gdy czytnik natrafi na obrazek, odczytuje właśnie zawartość atrybutu ALT. Dzięki temu użytkownik wie, czy grafika przedstawia wykres, produkt, czy zdjęcie zespołu, zamiast usłyszeć jedynie generyczne słowo „grafika” lub nazwę pliku (np. „IMG_2024.jpg”).

  2. SEO (Pozycjonowanie w Google Grafika): Roboty Google (Googlebot) są coraz inteligentniejsze w rozpoznawaniu obrazów, ale wciąż polegają głównie na tekście, aby zrozumieć kontekst grafiki.

    • Indeksowanie: Poprawny ALT pozwala zdjęciom pojawiać się w wynikach wyszukiwania Google Grafika, co może generować dodatkowy ruch na stronie.

    • Kontekst strony: Słowa kluczowe zawarte w opisach alternatywnych pomagają algorytmom lepiej zrozumieć tematykę całego artykułu lub podstrony.

  3. User Experience (Awaria ładowania): W sytuacji, gdy obrazek nie może zostać wyświetlony (np. z powodu wolnego łącza internetowego, błędu serwera lub wyłączonego pobierania obrazów w przeglądarce), w miejscu grafiki wyświetli się właśnie tekst alternatywny. Pozwala to użytkownikowi zrozumieć, co powinien w tym miejscu zobaczyć.

Dobre praktyki tworzenia opisów ALT

  • Bądź konkretny i zwięzły: Opis powinien precyzyjnie wyjaśniać, co jest na zdjęciu.

    • Źle: „Pies”

    • Dobrze: „Golden retriever biegnący za piłką w parku”

  • Używaj słów kluczowych naturalnie: Warto umieścić frazę kluczową, jeśli pasuje ona do zawartości zdjęcia, ale należy unikać upychania słów na siłę (tzw. keyword stuffing), co może być odebrane przez Google jako spam.

  • Nie zaczynaj od „Zdjęcie…” lub „Obrazek…”: Czytniki ekranu i tak informują użytkownika, że mają do czynienia z grafiką. Szkoda znaków na powtórzenia.

  • Grafiki dekoracyjne: Jeśli obrazek pełni funkcję wyłącznie ozdobną (np. separator, tło, ikona strzałki) i nie wnosi merytorycznej treści, atrybut ALT powinien pozostać pusty (alt=""). Dzięki temu czytniki ekranu całkowicie go zignorują, nie rozpraszając użytkownika.

Zobacz także: