Atrybut alt w HTML
Atrybut alt służy do podania tekstu alternatywnego dla obrazka wstawianego znacznikiem <img>. Tekst ten opisuje zawartość grafiki i jest używany wtedy, gdy obraz nie może zostać wyświetlony, np. plik nie istnieje, ścieżka jest błędna albo obraz nie został pobrany.
Przykład
<img src="/rysunek.png" alt="pejzaż">
W tym przykładzie przeglądarka próbuje wczytać plik rysunek.png. Jeżeli go nie znajdzie, w miejscu grafiki może zostać wyświetlony tekst pejzaż, czyli wartość atrybutu alt.
Do czego służy alt?
Atrybut alt ma kilka ważnych zastosowań:
- informuje użytkownika, co powinno znajdować się na obrazku,
- pomaga osobom korzystającym z czytników ekranu,
- poprawia dostępność strony internetowej,
- jest wymagany w poprawnie napisanym kodzie HTML dla znacznika
<img>.
alt a src
Atrybut src wskazuje lokalizację pliku graficznego, a alt zawiera opis obrazka.
<img src="logo.png" alt="Logo firmy">
Jeśli plik logo.png zostanie odnaleziony, użytkownik zobaczy grafikę. Jeśli nie, zobaczy tekst alternatywny Logo firmy.
Ważne na egzaminie
Jeżeli w pytaniu pojawia się kod:
<img src="plik.png" alt="opis">
i plik graficzny nie zostanie znaleziony, poprawna odpowiedź zwykle dotyczy wyświetlenia tekstu z atrybutu alt, a nie nazwy pliku ani błędu całej strony.