Atrybut alt w HTML: co to jest i jak go pisać? [2026]

Atrybut alt, czyli tekst alternatywny, to opis obrazka zapisany w kodzie HTML strony. Nie widać go wprost na stronie, a mimo to robi sporo dobrego: odczytuje go czytnik ekranu osobie niewidomej, pokazuje przeglądarka, gdy zdjęcie się nie wczyta, i czyta go Google, żeby zrozumieć, co przedstawia obraz. W swojej pracy nad stronami traktuję alt jako jeden z tych drobiazgów, które kosztują chwilę, a potrafią dać ruch z Grafiki Google i realnie poprawić dostępność. Poniżej tłumaczę, czym alt jest, jak go zapisać, do czego służy i jak napisać taki, który naprawdę działa.

Jak wygląda atrybut alt w kodzie?

Alt dopisujesz wewnątrz znacznika obrazka, czyli <img>, zaraz po adresie pliku. Wygląda to tak:

To jedna prosta linijka, a różnica między obrazkiem z dobrym opisem a takim bez niego jest spora. Dla grafiki rastrowej, czyli zwykłych zdjęć, alt jest praktycznie obowiązkowy.

Do czego służy atrybut alt?

Choć to jedno pole, pracuje na trzech frontach naraz. Każdy z nich jest ważny z innego powodu:

Najmocniej leży mi na sercu pierwszy z nich, czyli dostępność. Dla osoby korzystającej z czytnika ekranu obrazek bez alt to po prostu cisza, a dobrze opisany staje się częścią treści. To również wymóg standardów dostępności WCAG.

Jak napisać dobry tekst alternatywny?

Zasada jest prosta: opisz konkretnie to, co widać, tak jakbyś tłumaczył obraz komuś przez telefon. Najlepiej widać to na zestawieniu słabych i dobrych przykładów:

Z mojego doświadczenia najczęstszy błąd to zaczynanie od słów zdjęcie albo obraz, bo czytnik ekranu i tak wie, że to grafika. Drugi grzech to upychanie fraz kluczowych, które kiedyś bywało sztuczką SEO, a dziś raczej szkodzi, niż pomaga. Google dobrze rozumie naturalny, opisowy język.

Warto też pilnować długości. Dobry alt to zwykle krótkie zdanie, które oddaje sens obrazka, a nie cały akapit. Jeśli opis robi się długi, to znak, że obraz niesie skomplikowaną treść, na przykład wykres, i lepiej wyjaśnić ją w samym tekście strony, a w alt zostawić zwięzłe podsumowanie. Czytnik ekranu odczyta cały alt na głos, więc nadmiar słów męczy odbiorcę zamiast pomagać.

Kiedy alt powinien być pusty?

Nie każdy obrazek niesie treść. Jeśli grafika jest czysto ozdobna, na przykład cienka linia albo tło bez znaczenia, zostaw pusty alt, czyli alt bez wpisanego tekstu. Dzięki temu czytnik ekranu pominie taki element i nie będzie zaśmiecał odbioru strony zbędnym opisem. Pusty alt to świadoma decyzja, a nie to samo co całkowity brak atrybutu, który zostawia obrazek bez żadnej informacji.

Czym alt różni się od atrybutu title?

To dwa różne pola, które łatwo pomylić. Alt to tekst alternatywny, niezbędny dla dostępności i SEO. Title to dymek, który pojawia się po najechaniu myszą na obrazek w przeglądarce i pełni rolę dodatkową. W praktyce, jeśli masz uzupełnić tylko jedno, zawsze wybieram alt, bo to on realnie wpływa na to, jak obraz jest odbierany i rozumiany.

Z perspektywy praktyka pilnowanie alt przy każdym zdjęciu to nawyk, który zwraca się z czasem. Przy jednym obrazku różnica jest niewielka, ale przy całej stronie pełnej zdjęć dobre opisy budują i dostępność, i dodatkowy strumień ruchu z wyszukiwania grafiki.

Jak długi powinien być atrybut alt?

Tu nie ma sztywnego limitu narzuconego przez przeglądarkę, ale jest zdrowy rozsądek i sposób, w jaki działają czytniki ekranu. Najczęściej spotykane zalecenie to trzymanie się w okolicach 125 znaków, bo część czytników właśnie w tym miejscu potrafi uciąć dłuższy opis, a użytkownik nie usłyszy reszty. W praktyce traktuję to jako wskazówkę, nie jako regułę liczoną co do znaku.

Ważniejsze od samej liczby jest to, żeby opis był zwięzły i niósł sens. Jedno krótkie zdanie prawie zawsze wystarcza, by oddać, co jest na obrazku. Jeśli czuję, że alt rozrasta się w cały akapit, to dla mnie sygnał, że grafika niesie skomplikowaną treść, na przykład rozbudowany wykres, i lepiej opisać ją w widocznym tekście obok, a w samym alt zostawić zwięzłe podsumowanie. Dzięki temu osoba korzystająca z czytnika dostaje konkret, a nie zalew słów, przez który gubi wątek.

FAQ

Co to jest atrybut alt?

Atrybut alt, czyli tekst alternatywny, to opis obrazka zapisany w kodzie HTML strony. Nie widać go na pierwszy rzut oka, ale pełni ważną rolę: opisuje, co przedstawia zdjęcie. Korzystają z niego osoby używające czytników ekranu, wyszukiwarki oraz przeglądarka, gdy obraz się nie załaduje.

Do czego służy atrybut alt?

Pełni trzy zadania naraz. Po pierwsze, czytnik ekranu odczytuje go osobie niewidomej, więc jest kluczowy dla dostępności. Po drugie, pomaga Google zrozumieć treść obrazka, co wspiera SEO i widoczność w Grafice Google. Po trzecie, wyświetla się jako tekst, gdy zdjęcie nie zdąży się wczytać.

Jak napisać dobry tekst alternatywny?

Opisz konkretnie i naturalnie to, co widać na obrazku, tak jakbyś tłumaczył komuś przez telefon. Unikaj słów zdjęcie albo obraz na początku, bo to oczywiste, i nie upychaj fraz kluczowych. Krótkie, rzeczowe zdanie sprawdza się najlepiej, na przykład rudy kot śpiący na parapecie zamiast samego kot.

Kiedy atrybut alt powinien być pusty?

Wtedy, gdy obrazek jest czysto ozdobny i nie niesie żadnej treści, na przykład linia oddzielająca albo tło. Zostawiasz wtedy pusty alt, czyli alt bez wpisanego tekstu. Dzięki temu czytnik ekranu pomija taki obrazek i nie zaśmieca odbioru strony zbędnym opisem.

Czym różni się alt od title?

Alt to tekst alternatywny, czytany przez czytniki ekranu i ważny dla SEO oraz dostępności. Title to dymek, który pokazuje się po najechaniu myszą na obrazek i pełni rolę raczej pomocniczą. Alt jest niezbędny, title bywa dodatkiem, więc jeśli masz uzupełnić tylko jedno, wybierz alt.

Czy brak atrybutu alt szkodzi SEO?

Pośrednio tak. Bez alt Google trudniej zrozumieć, co jest na obrazku, więc tracisz szansę na ruch z Grafiki Google i osłabiasz dostępność strony, którą wyszukiwarka też bierze pod uwagę. Sam brak alt nie jest karą, ale to zmarnowana okazja, która łatwo się sumuje przy wielu zdjęciach.

Rafał Bajgier

Od 8 lat nieustannie związany z marketingiem internetowym. Zajmuje się kompleksową obsługą przedsiębiorstw w zakresie SEO oraz AI. W wolnym czasie poszerzam swoją wiedzę z zakresu marketingu internetowego.