Atrybut ALT – definicja pojęcia, jak korzystać?

ALT (ang. alternative text) to atrybut, który powinien być używany w tagach HTML wszędzie tam, gdzie jest wyświetlany obraz. Tekst opisujący obrazek powinien być krótki i precyzyjny. Używanie atrybutu ALT jest bardzo ważne ze względów dostępności. Osoby niewidome lub słabowidzące mogą korzystać ze specjalnych przeglądarek, które czytają tekst zawarty w atrybucie ALT. Dodatkowo, jeśli obrazek nie jest wyświetlany na stronie (np. z powodu błędu lub braku połączenia z internetem), to tekst opisujący obrazek jest wyświetlany na jego miejscu.

Czym jest Atrybut ALT? Definicja pojęcia

Atrybut ALT ma na celu pomoc osobom niewidomym lub słabo widzącym w odczytywaniu zawartości strony internetowej. Ponadto, tekst alternatywny może być wykorzystywany przez wyszukiwarki internetowe do indeksowania stron internetowych. Dlatego ważne jest, aby atrybut ALT był używany we wszystkich obrazach na stronie internetowej. Tekst alternatywny powinien być krótki i opisywać zawartość obrazu.

Należy unikać stosowania słów takich jak „obraz”, „logo” lub „diagram”. Pamiętaj, aby używać atrybutu ALT we wszystkich obrazach na swojej stronie internetowej, aby ułatwić osobom niewidomym lub słabo widzącym odczytywanie zawartości strony oraz pomóc wyszukiwarkom internetowym w indeksowaniu stron.

Atrybut ALT – przykłady

Poniżej przedstawiam przykłady użycia atrybutu ALT:

<img src=”obrazek.jpg” alt=”Witamy na stronie internetowej”>

<img src=”obrazek.jpg” alt=”Logo firmy”>

<img src=”obrazek.jpg” alt=”Zdjęcie produktu”>

ATRYBUT ALT – WSKAZÓWKI DOTYCZĄCE UŻYTKOWANIA

1. Atrybut ALT powinien być używany tylko dla elementów graficznych, które mają istotne znaczenie dla zawartości strony internetowej. Nie ma potrzeby definiowania tekstu alternatywnego dla elementów dekoracyjnych, takich jak ramki czy linie separujące.

2. Tekst alternatywny powinien być krótki i precyzyjny. Należy unikać stosowania zdań typu „kliknij tutaj”, „obrazek”, „logo” itp. Lepiej jest opisać dokładnie co przedstawia grafika np. „Witamy na stronie internetowej”, „Logo firmy XYZ”, „Zdjęcie produktu ABC123”.

3. Pamiętaj o osobach niewidzących i słabowidzących, które mogą korzystać ze specjalnych przeglądarek internetowych lub programów czytających tekst z ekranu (np. screen reader). Dlatego tekst alternatywny powinien być jasny i zrozumiały.

4. W przypadku elementów, które nie mają istotnego znaczenia dla zawartości strony, takich jak przyciski, można użyć atrybutu ALT=””. Dzięki temu przeglądarka internetowa będzie wiedziała, że dany element nie ma istotnego znaczenia i nie będzie go wyświetlać osobom niepełnosprawnym wizualnie.