Atrybut alternatywny HTML
Definicja i użycie
Atrybut alt zapewnia alternatywne informacje dotyczące obrazu, jeśli użytkownik z jakiegoś powodu nie może go wyświetlić (z powodu wolnego połączenia, błędu w atrybucie src lub jeśli użytkownik korzysta z czytnika ekranu).
Uwaga: Atrybut alt jest wymagany dla elementu <img>.
Uwaga: W przypadku elementów <input> atrybut alt może być używany tylko z <input type="image">.
Porada: Aby utworzyć podpowiedź dla obrazu, użyj atrybutu title !
Dotyczy
Atrybutu alt można użyć na następujących elementach:
Elementy | Atrybut |
---|---|
<obszar> | Alt |
<img> | Alt |
<wejście> | Alt |
Przykłady
Przykład obszaru
Mapa obrazu z obszarami, które można kliknąć:
<img src="planets.gif"
width="145" height="126"
alt="Planets"
usemap="#planetmap">
<map
name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
Przykład obrazu
Obraz z podanym tekstem alternatywnym:
<img src="smiley.gif" alt="Smiley face">
Przykład wejścia
Formularz HTML z obrazem reprezentującym przycisk przesyłania:
<form action="/action_page.php">
First name: <input type="text" name="fname"><br>
<input type="image" src="submit.gif" alt="Submit" width="48" height="48">
</form>
Obsługa przeglądarki
alt
Atrybut ma następującą obsługę przeglądarki dla każdego elementu :
Element | |||||
---|---|---|---|---|---|
area | Yes | Yes | Yes | Yes | Yes |
img | Yes | Yes | Yes | Yes | Yes |
input | Yes | Yes | Yes | Yes | Yes |