Jak pisać dobre teksty alternatywne?

Alternatywy tekstowe, popularnie nazywane alt tekstami, to krótkie opisy obrazów, grafik, zdjęć i innych materiałów w formie graficznej, które pojawiają się na stronach internetowych. Dzięki nim osoby korzystające z czytników ekranu wiedzą, co znajduje się na obrazie. To nie tylko wymóg dostępności zgodny z WCAG (kryterium sukcesu 1.1.1), ale także coś, co realnie ułatwia korzystanie z Twojej strony.

Pamiętaj – alt tekst nie jest dla Ciebie. Jest dla użytkownika, który nie widzi obrazu.

Gdzie dodać tekst alternatywny?

Najczęściej w znaczniku img jako atrybut alt.
Przykład:

<img src="obraz.jpg" alt="Czerwony samochód wyścigowy na torze Formuły 1">

Jak pisać dobre alt teksty?

1. Zastanów się, po co jest obraz
   Każdy obraz na stronie ma jakiś cel – ilustruje treść, uzupełnia komunikat, zachęca do zakupu. Twój opis powinien oddawać właśnie tę funkcję.
   • Dobry przykład: „Czerwony samochód wyścigowy na torze Formuły 1”.
   • Zły przykład: „IMG_12345.jpg” albo „Czerwony rower” (gdy na zdjęciu jest samochód).
2. Bądź zwięzły i precyzyjny
   Alt tekst nie musi być ultrakrótki, ale nie rozwlekaj się niepotrzebnie. Użytkownik chce dostać konkretną informację.
   Unikaj sformułowań typu „obraz przedstawia”, „na zdjęciu widać” – czytnik ekranu i tak już zapowiedział, że to obraz.
3. Obrazy dekoracyjne = pusty alt
   Jeśli grafika jest wyłącznie ozdobą (np. tło, ozdobny wzór, separator), wpisz alt="". Dzięki temu czytnik ekranu pominie taki element, a użytkownik nie będzie tracił czasu na słuchanie zbędnych komunikatów.

Najczęstsze błędy

• Zostawianie nazw plików – „DSC1234.png” nie ma żadnej wartości.
• Brak atrybutu alt – wtedy czytnik odczyta nazwę pliku, co jest zwykle bez sensu.
• Przesada w szczegółach – opis „piksel po pikselu” nie pomoże nikomu.
• Wprowadzanie w błąd – alt tekst musi dokładnie opisywać to, co jest na obrazie.
• „To zdjęcie” – truizm, który nie wnosi niczego.

Dlaczego alt teksty są tak ważne?

• Dostępność – osoby niewidome i słabowidzące mogą w pełni korzystać z treści.
• SEO – wyszukiwarki czytają alt teksty i biorą je pod uwagę przy pozycjonowaniu.
• Awaryjność – jeśli obraz się nie załaduje, użytkownik nadal wie, co tam miało być.

Dobrze napisany alt tekst to mały wysiłek, a ogromna różnica dla użytkowników.