Alt jest atrybutem stosowanym w HTML lub XHTML, który oznacza alternatywny (zamienny) opis pliku graficznego – zdjęcia lub obrazka. Stąd jego nazwa alternatywny opis. Umieszcza się go w tagu <img>, aby opisać co dokładnie przedstawia wstawiana na stronie internetowej grafika.
Atrybut alt jest w obecnych czasach, wymagany przy tworzeniu treści na stronach internetowych. Jeśli okaże się, że nie można z jakiś względów odczytać obrazu z serwera www, przeglądarka internetowa w miejscu zdjęcia wyświetli jego opis alternatywny.
Przykład użycia atrybutu alt
W środku tagu <img> należy wkleić alt z opisem obrazka w cudzysłowie:
<img src="zdjecie.jpg" alt="zdjecie" width="600" height="200">
Dzięki temu, gdy na stronie nie wyświetli się dane zdjęcie, w to miejsce wskoczy opis z tego atrybutu:
Jeśli nie użyjesz w ogóle tego tagu
<img src="zdjecie.jpg" width="600" height="200">
wtedy wyświetli się tylko grafika informująca, że zdjęcie się nie wczytało w przeglądarce
Jak widać, warto używać tego atrybutu. Ponadto jest on bardzo ważny w dwóch kwestiach:
- niepełnosprawni – dzięki niemu osoby niewidome lub niedowidzące korzystające z programów czytających tekst (tzw. czytaczy) na stronach internetowych, mogą chociaż odsłuchać co przedstawia dane zdjęcie. Bez atrybutu alt takie osoby nawet się nie dowiedzą, że w danym artykule występują jakiekolwiek grafiki.
- pozycjonowanie – roboty wyszukiwarek internetowych dzięki opisom alternatywnym mogą poprawnie zindeksować dane zdjęcie, dzięki czemu będzie ono widoczne w wyszukiwarce.
