Tekst alternatywny

Co to właściwie znaczy

Tekst alternatywny (z angielskiego „alt text”) to opis obrazka umieszczony w kodzie strony. Pełni trzy role: pozwala osobom niewidomym „zobaczyć” grafikę przez czytnik ekranu, pomaga Google zrozumieć, co przedstawia obraz (i pokazać go w grafice), oraz wyświetla się jako tekst zastępczy, gdy zdjęcie z jakiegoś powodu się nie załaduje.

Przykład z życia firmy

Zdjęcie na stronie ma alt „IMG_2831.jpg” albo pusty: dla niewidomego to nic, dla Google to nic. Zmieniasz na „drewniany stół warsztatowy z narzędziami stolarskimi”. Teraz osoba korzystająca z czytnika wie, co jest na obrazku, a Google może pokazać to zdjęcie komuś szukającemu grafiki „stół stolarski”. Ten sam obraz, nagle użyteczny.

Dlaczego to dla Ciebie ważne

To dlatego alty to jednocześnie kwestia dostępności (realne włączenie osób z niepełnosprawnością wzroku) i drobny, pomijany element SEO. Kosztują chwilę przy dodawaniu zdjęcia, a robią stronę bardziej dostępną i lepiej zrozumiałą dla wyszukiwarki. Ich brak to nie katastrofa, ale i darmowa okazja, której szkoda nie wykorzystać.

Jak to wykorzystać

Opisuj obrazki tak, jakbyś tłumaczył je komuś przez telefon: konkretnie i rzeczowo, bez „zdjęcie” i bez upychania fraz na siłę. Grafiki czysto dekoracyjne mogą mieć alt pusty. Tam gdzie obraz niesie treść (produkt, wykres, zdjęcie realizacji), dodaj sensowny opis. To nawyk przy każdym zdjęciu, nie osobny wielki projekt.

Tekst alternatywny po angielsku i jak wygląda w kodzie

Po angielsku mówi się alt text albo alternative text. To krótki opis obrazka zapisany w atrybucie alt:

<img src="kubek.jpg" alt="Biały kubek termiczny 450 ml z bambusową pokrywką">

Tekst czytają programy dla osób niewidomych i słabowidzących, pojawia się, gdy obrazek się nie wczyta, a wyszukiwarki używają go, żeby zrozumieć, co jest na zdjęciu.

Dlaczego tekst alternatywny jest ważny

• Dostępność. Od 28 czerwca 2025 roku w UE obowiązuje Europejski akt o dostępności, który obejmuje między innymi sklepy internetowe. Opisy obrazków to jedno z podstawowych wymagań dostępności według standardu WCAG.
• SEO. Google opisuje tekst alternatywny jako ważny sygnał dla wyszukiwarki grafiki.
• Użyteczność. Przy słabym internecie albo błędzie ładowania klient nadal wie, co miało być na zdjęciu.

Przykłady z różnych branż

• Sklep internetowy. Zamiast „IMG_2045” albo „buty” opis brzmi „Czarne skórzane buty trekkingowe z czerwonymi sznurówkami, widok z boku”.
• Usługi. Gabinet kosmetyczny opisuje zdjęcie „Gabinet zabiegowy z fotelem kosmetycznym i lampą z lupą”.
• Firma B2B. Producent opisuje wykres w raporcie konkretną informacją: „Wykres: sprzedaż palet w Polsce wzrosła o 12% w 2025 roku”.

Jak pisać tekst alternatywny krok po kroku

1. Opisz, co jest na obrazku i dlaczego jest ważne w tym miejscu strony.
2. Pisz krótko, zwykle jedno zdanie.
3. Nie zaczynaj od „zdjęcie przedstawia”. Program czytający i tak informuje, że to obrazek.
4. Dodaj słowo kluczowe tylko wtedy, gdy naturalnie opisuje zdjęcie.
5. Obrazki czysto dekoracyjne oznacz pustym atrybutem alt="", żeby programy je pomijały.
6. Przy wykresach i infografikach podaj najważniejszy wniosek.

Najczęstsze błędy

Najczęstszy błąd to brak tekstu alternatywnego albo nazwa pliku zamiast opisu. Drugi to upychanie słów kluczowych, na przykład „buty buty trekkingowe tanie buty”. Trzeci to ten sam opis przy wszystkich zdjęciach produktu, choć pokazują różne ujęcia.

Przykłady dobrych i słabych opisów

• Słabo: „zdjęcie”, „IMG_2034”, „buty”.
• Lepiej: „Czarne buty do biegania damskie, widok z boku”.
• Słabo: „remont łazienki Rzeszów tanio remont łazienek”.
• Lepiej: „Łazienka po remoncie z białymi płytkami i prysznicem bez brodzika”.

Dobry opis mówi, co jest na zdjęciu i dlaczego to ważne w kontekście strony. Upychanie słów kluczowych nie pomaga ani ludziom, ani wyszukiwarce.

Kiedy zostawić pusty alt

Obrazy czysto dekoracyjne, na przykład ozdobne linie, tła czy ikony obok tekstu, który mówi to samo, powinny mieć pusty atrybut alt="". Czytnik ekranu je wtedy pominie. Brak atrybutu alt to co innego niż pusty alt. Przy braku atrybutu czytnik może odczytać nazwę pliku, co jest męczące dla użytkownika.

Tekst alternatywny a dostępność i prawo

Od 28 czerwca 2025 roku w Unii Europejskiej obowiązuje Europejski akt w sprawie dostępności, który w Polsce wdraża ustawa o zapewnianiu spełniania wymagań dostępności niektórych produktów i usług. Obejmuje między innymi sklepy internetowe i usługi bankowe, z wyłączeniem mikroprzedsiębiorstw świadczących usługi. Opisy obrazów to jeden z podstawowych elementów dostępności, więc warto o nie zadbać niezależnie od obowiązku.

Jak sprawdzić teksty alternatywne

Narzędzia do analizy strony, takie jak Lighthouse w Chrome albo WAVE, pokazują obrazy bez opisu. W sklepie warto sprawdzić szablon karty produktu: często alt jest pusty albo zawiera tylko nazwę pliku. Poprawka w szablonie, na przykład automatyczne wstawianie nazwy produktu, naprawia setki zdjęć naraz.

Pierwszy krok

Sprawdź pięć najważniejszych zdjęć na stronie głównej i w ofercie. Jeśli opis brzmi jak nazwa pliku, zastąp go jednym zdaniem.

Wyjaśnienie na prostym przykładzie

Opowiadasz przez telefon znajomemu, co widzisz na zdjęciu z wakacji: plaża, dwoje dzieci budujących zamek, w tle latarnia. On nie widzi obrazka, ale wie, co jest na nim.

Tekst alternatywny to taki opis zdjęcia ukryty w kodzie strony. Czytają go programy dla osób niewidomych i roboty Google, które same nie widzą obrazu. Opis „IMG_2034” nic nie mówi, a „czerwona sofa trzyosobowa w jasnym salonie” mówi wszystko. Dobry opis pomaga ludziom i wyszukiwarce grafik.

Trudne słowa z tego hasła

• SEO. Działania, dzięki którym strona pojawia się wyżej w Google. Zobacz SEO.
• UX. Łatwość korzystania ze strony. Zobacz UX.
• CMS. Program, w którym zmieniasz treści na stronie. Zobacz CMS.
• Core Web Vitals. Wskaźniki szybkości i stabilności strony. Zobacz Core Web Vitals.

Ćwiczenie na 15 minut

1. Otwórz w CMS bibliotekę zdjęć swojej strony.
2. Znajdź pięć zdjęć z pustym albo nic nie mówiącym opisem.
3. Napisz każdemu opis w jednym zdaniu, tak jakbyś opowiadał przez telefon.
4. Zapisz zmiany i sprawdź jedno zdjęcie w kodzie strony.

Zdjęcia stają się zrozumiałe dla każdego; opisy dodasz w panelu swojego CMS.

Najczęstsze pytania

Co to jest tekst alternatywny?

To krótki opis obrazka w atrybucie alt, który czytają programy dla osób niewidomych, pokazuje się, gdy obrazek się nie wczyta, i pomaga wyszukiwarkom zrozumieć zdjęcie.

Czy tekst alternatywny wpływa na SEO?

Tak, szczególnie w wyszukiwarce grafiki. Google traktuje go jako jeden z sygnałów, co przedstawia obrazek.

Czy każdy obrazek musi mieć tekst alternatywny?

Każdy obrazek, który niesie treść, powinien mieć opis. Obrazki czysto dekoracyjne oznacza się pustym atrybutem alt, żeby programy czytające je pomijały.

Czy każdy obraz musi mieć tekst alternatywny?

Każdy powinien mieć atrybut alt. Obrazy dekoracyjne mogą mieć pusty alt, żeby czytniki ekranu je pomijały.

Jak długi powinien być tekst alternatywny?

Zwykle jedno krótkie zdanie, które opisuje, co jest na obrazie i dlaczego jest ważne na danej stronie.

Powiązane pojęcia

SEO  ·  Struktura nagłówków  ·  UX