Zasady tworzenia tekstów alternatywnych (atrybut alt)
- Opisuj zawartość: Tekst alternatywny powinien jasno opisywać, co jest przedstawione na obrazie lub w elemencie nietekstowym. Unikaj ogólników.
- Bądź zwięzły: Staraj się, aby tekst alternatywny był krótki i na temat, zazwyczaj od 1 do 2 zdań. Około 80 znaków to dobra zasada.
- Unikaj słów „obraz” lub „zdjęcie”: Nie rozpoczynaj tekstu alternatywnego od słów „obraz” lub „zdjęcie”. Zrozumienie, że mówisz o obrazie, wynika z kontekstu.
- Uwzględniaj kontekst: Tekst alternatywny powinien uwzględniać kontekst, w jakim obraz jest używany. Zastanów się, jakie informacje są najważniejsze dla użytkowników.
- Oznaczaj funkcję: Jeśli obraz pełni funkcję (np. przycisk), tekst alternatywny powinien jasno opisywać tę funkcję, np. „Przycisk do wysłania formularza.”
- Unikaj nadmiaru informacji: Nie dodawaj zbędnych szczegółów ani kontekstu, które nie są istotne z punktu widzenia użytkownika.
- Dla grafik dekoracyjnych użyj pustego alt: Jeśli obraz nie wnosi wartości informacyjnej (np. dekoracyjny), użyj pustego atrybutu alt (alt=""), aby technologie asystujące mogły go zignorować.
- Dostosowuj do typu treści: W przypadku grafik z długim opisem lub skomplikowanych diagramów, możesz dodać link do szczegółowego opisu zamiast umieszczać wszystkie informacje w tekście alternatywnym.
- Unikaj użycia symboli i znaków specjalnych: Nie stosuj symboli i znaków specjalnych, które mogą być źle interpretowane przez technologie asystujące.
- Aktualizuj teksty alternatywne: Upewnij się, że teksty alternatywne są aktualizowane, gdy zmienia się zawartość obrazów lub innych elementów nietekstowych.
