AI do alt textów: jak generować opisy obrazów bez psucia dostępności

AI może pomóc w pisaniu tekstów alternatywnych, ale nie powinno decydować za człowieka, co jest ważne na obrazie. Dobry alt opisuje funkcję lub informację, którą obraz wnosi do strony. Zły alt opisuje wszystko po kolei, dodaje frazy SEO albo powtarza tekst widoczny obok grafiki.

Najlepszy proces jest mieszany: AI przygotowuje pierwszą propozycję, a redaktor lub właściciel strony sprawdza kontekst. Inaczej powstają opisy typu „obraz przedstawiający osobę siedzącą przy laptopie”, które brzmią poprawnie, ale nic nie wnoszą użytkownikowi.

Kiedy obraz potrzebuje altu?

Typ obrazu	Jaki alt?	Przykład
Zdjęcie usługi lub produktu	Opis tego, co użytkownik powinien zrozumieć.	Strona firmowa hydraulika z formularzem wyceny i sekcją opinii klientów
Ikona dekoracyjna	Pusty alt, jeśli tekst obok mówi to samo.	alt=""
Wykres lub infografika	Krótki alt plus dane w HTML obok obrazu.	Wykres pokazujący spadek czasu ładowania po kompresji obrazów
Logo klienta	Nazwa marki lub funkcja linku.	Logo firmy ABC Home
Obraz z tekstem	Najlepiej nie trzymać ważnego tekstu tylko w obrazie.	Przenieś treść do HTML, a alt potraktuj pomocniczo.

Jak używać AI do alt textów?

1. Zbierz obrazy z konkretnej podstrony, nie z całego serwisu naraz.
2. Podaj AI kontekst: typ strony, cel obrazu, tekst wokół grafiki i odbiorcę.
3. Poproś o krótki alt, maksymalnie jedno zdanie.
4. Odrzuć frazy SEO, emocjonalne ozdobniki i zgadywanie rzeczy niewidocznych.
5. Zostaw pusty alt przy elementach czysto dekoracyjnych.
6. Sprawdź stronę czytnikiem lub przynajmniej testem dostępności.

Prompt, który daje lepsze wyniki

Przygotuj tekst alternatywny dla obrazu na stronie firmowej.
Kontekst strony: usługa projektowania stron internetowych.
Rola obrazu: pokazuje przykład panelu z wynikami audytu SEO.
Zasady: po polsku, maksymalnie 120 znaków, bez upychania słów kluczowych,
bez "obraz przedstawia", bez zgadywania danych, których nie widać.

Taki prompt jest lepszy niż samo „napisz alt do obrazka”, bo AI rozumie funkcję grafiki na stronie. Przy dużych serwisach warto dodać też listę typów obrazów: zdjęcie zespołu, screen narzędzia, infografika, logo, dekoracja.

Dobre i złe przykłady altów

Sytuacja	Słaby alt	Lepszy alt
Screen audytu SEO	seo audyt pozycjonowanie strony internetowe uk tanio	Panel audytu SEO z listą błędów technicznych do naprawy
Zdjęcie zespołu	ludzie przy komputerze	Zespół omawia projekt nowej strony firmowej przy monitorze
Ikona telefonu przy numerze	telefon kontakt firma	alt="", bo numer obok już mówi, o co chodzi
Wykres Core Web Vitals	wykres	Wykres porównujący LCP przed i po optymalizacji obrazów

WCAG: czego AI nie załatwi samo

Wytyczne WCAG skupiają się na tym, żeby treść nietekstowa miała tekstową alternatywę, jeśli niesie informację. AI może pomóc w opisie, ale nie wie automatycznie, czy obraz jest dekoracją, linkiem, instrukcją, dowodem, wykresem czy częścią formularza. To musi wynikać z kontekstu strony.

• Nie opisuj dekoracji, jeśli tylko zaśmieci to czytnik ekranowy.
• Nie wkładaj do altu całego opisu infografiki. Dane pokaż obok w HTML.
• Nie używaj altu jako miejsca na keyword stuffing.
• Nie zgaduj wieku, emocji, narodowości ani intencji osób na zdjęciu.
• Nie powtarzaj dosłownie podpisu pod zdjęciem, jeśli nie dodaje to wartości.

Proces wdrożenia na istniejącej stronie

Przy większej stronie najpierw zrób eksport obrazów z sitemap lub CMS-a. Podziel je na typy: dekoracyjne, produktowe, poradnikowe, screeny narzędzi, grafiki blogowe. Dopiero potem generuj propozycje altów. Największy błąd to wrzucenie całej biblioteki mediów do AI i bezrefleksyjne zapisanie wyników.

Jeżeli przebudowujesz stronę lub sklep, alt text powinien być częścią szerszej optymalizacji UX i dostępności. To nie jest tylko detal SEO. Dla wielu użytkowników to różnica między zrozumieniem treści a pustą luką w stronie.

Mini-checker jakości altu

1. Czy alt mówi coś, czego użytkownik nie dostanie z tekstu obok?
2. Czy jest krótki i konkretny?
3. Czy nie zaczyna się od „obraz przedstawia”, jeśli nie ma takiej potrzeby?
4. Czy nie zawiera listy słów kluczowych?
5. Czy przy grafice dekoracyjnej alt jest pusty?
6. Czy przy wykresie dane są też dostępne jako tekst lub tabela?

Jak zorganizować większą partię obrazów?

Przy większym serwisie nie poprawiaj altów w losowej kolejności. Najpierw oznacz obrazy statusem. To pozwala uniknąć sytuacji, w której AI opisuje setki dekoracyjnych ikon, a ważne screeny i infografiki dalej są nieczytelne.

Status	Co oznacza?	Akcja
Dekoracyjny	Obraz nie wnosi informacji, tylko ozdabia układ.	Ustaw pusty alt.
Informacyjny	Obraz pokazuje usługę, efekt, produkt lub ważny kontekst.	Napisz krótki, konkretny alt.
Dane lub wykres	Obraz zawiera liczby, proces albo porównanie.	Dodaj alt i tabelę lub opis w HTML.
Link lub przycisk	Obraz jest klikalny i wykonuje akcję.	Alt ma opisywać cel akcji, nie wygląd obrazka.
Do wymiany	Grafika ma tekst w obrazie, fake UI albo słabą jakość.	Lepiej wymienić asset niż ratować go altem.

Alt text w sklepie i na blogu

W sklepie alt powinien pomagać zrozumieć produkt: typ, wariant, kolor, istotny detal. Na blogu częściej opisuje kontekst, screen narzędzia albo schemat. W obu przypadkach unikaj dopisywania słów, których nie widać. Jeśli na zdjęciu jest zwykły laptop, nie pisz „profesjonalny audyt SEO w Londynie”, tylko dlatego, że strona chce rankować na SEO.

FAQ

Czy Google potrzebuje altów do SEO?

Alt pomaga zrozumieć obraz i wspiera dostępność. Nie jest magicznym sposobem na ranking. Największą wartość daje wtedy, gdy opis jest zgodny z obrazem i kontekstem strony.

Czy można wygenerować alty automatycznie dla całego serwisu?

Można przygotować propozycje automatycznie, ale nie warto publikować ich bez kontroli. Szczególnie trzeba ręcznie sprawdzić grafiki instruktażowe, produktowe, prawne, medyczne i wszystkie obrazy pełniące funkcję linku lub przycisku.

Jak długi powinien być tekst alternatywny?

Najczęściej wystarczy jedno krótkie zdanie. Jeśli obraz wymaga długiego wyjaśnienia, lepiej dodać opis w treści strony, a nie wciskać wszystko do atrybutu alt.

Czy dekoracyjne ikony powinny mieć alt?

Nie. Jeśli ikona tylko ozdabia tekst obok, najlepszy jest pusty alt. Dzięki temu czytnik ekranowy jej nie czyta i użytkownik nie słyszy powtarzanych, bezużytecznych opisów.