---
title: "Atrybut alt"
description: "Atrybut alt to tekst alternatywny obrazu w HTML. Poznaj jego rolę w dostępności, SEO obrazów oraz sytuacjach, gdy grafika się nie wczyta na stronie."
url: "https://nodea.pl/pl/slownik-pojec/atrybut-alt"
lang: "pl"
updated: "2026-07-13"
---

# Atrybut alt

> Atrybut alt to tekst alternatywny opisujący zawartość obrazu w kodzie HTML. Służy dostępności, SEO obrazów i wyświetla się, gdy grafika nie zostanie załadowana.

**Atrybut alt** (tekst alternatywny) to opis zawartości obrazu umieszczany w znaczniku *img* w kodzie [HTML](https://nodea.pl/pl/slownik-pojec/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](https://nodea.pl/pl/slownik-pojec/dostepnosc-cyfrowa) i wytycznych [WCAG](https://nodea.pl/pl/slownik-pojec/wcag) poprawny tekst alternatywny jest wymogiem, a nie dodatkiem. W [SEO on-page](https://nodea.pl/pl/slownik-pojec/on-page-seo) 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.

### Czy każdy obraz musi mieć wypełniony atrybut alt?

Nie każdy. Obrazy niosące treść wymagają opisowego tekstu alternatywnego, ale grafiki czysto dekoracyjne powinny mieć pusty atrybut (alt=""), aby czytniki ekranu je pominęły. Brak atrybutu alt w ogóle to błąd — pusty atrybut to świadoma decyzja.

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

Atrybut alt to tekst alternatywny odczytywany przez czytniki ekranu i wyświetlany, gdy obraz się nie wczyta — jest kluczowy dla dostępności. Atrybut title to dymek pojawiający się po najechaniu kursorem, opcjonalny i niewidoczny dla większości urządzeń dotykowych oraz technologii asystujących.

## Powiązane

- [Atrybut nofollow](https://nodea.pl/pl/slownik-pojec/atrybut-nofollow)
- [Dostępność cyfrowa](https://nodea.pl/pl/slownik-pojec/dostepnosc-cyfrowa)
- [WCAG](https://nodea.pl/pl/slownik-pojec/wcag)
- [On-page SEO](https://nodea.pl/pl/slownik-pojec/on-page-seo)
- [HTML](https://nodea.pl/pl/slownik-pojec/html)

---

Wersje językowe: [en](https://nodea.io/en/glossary/alt-attribute.md)  
Spis treści witryny: [llms.txt](https://nodea.pl/pl/llms.txt)