Atrybuty HTML – atrybut alt

Definicja, przeznaczenie i użycie atrybutu alt

Atrybut alt zapewnia alternatywne informacje o obrazie, podaje jego opis, jeśli użytkownik nie może go wyświetlić (np.: z powodu zbyt wolnego połączenia, błędu w atrybucie src bądź 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 elementem input type="image".

Tip: aby utworzyć podpowiedź (tooltip – pojawia się opis obrazu umieszczony w artbucie alt po najechaniu myszką na obraz), użyj atrybutu title!

Zastosowanie atrybutu alt

Atrybut alt można zastosować w następującym elemencie:

Wsparcie przeglądarek dla atrybutu alt

Element
area	Tak	Tak	Tak	Tak	Tak
img	Tak	Tak	Tak	Tak	Tak
input	Tak	Tak	Tak	Tak	Tak

Przykładowe zastosowania atrybutu alt

1. Mapa obrazu z klikalnymi obszarami. <img src="/planety.gif" width="200" height="150" alt="Planety" usemap="#mapaplanety"> <map name="mapaplanety"> <area shape="rect" coords="0,0,82,126" href="/wenus.htm" alt="Wenus"> <area shape="circle" coords="90,58,3" href="/jowisz.htm" alt="Jowisz"> <area shape="circle" coords="124,58,8" href="/saturn.htm" alt="Saturn"> </map> 2. Obraz z określonym tekstem alternatywnym: <img src="/plaza.jpg" alt="Plaża"> 3. Formularz HTML z obrazem przedstawiają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>