Co je atribut Alt?

Atribut alt je doprovodný příkaz spojený s určitými značkami HTML a XHTML navrženými tak, aby poskytoval způsob, jak spojit alternativní text s uvedenými značkami. Nejběžnější použití tohoto atributu je ve značce img za účelem vykreslování grafiky. Někteří lidé to nazývají alt alt, ale není to přesné, protože se nejedná o html tag. Pojem „značka“ má ve webovém designu odlišný význam odkazující na příkazy mezi hranatými závorkami, které v HTML vytvářejí skutečné značení. Atribut alt používá následující syntaxi:

<img alt = "text" src = "source url">
<area alt = "alt text">
<input alt = "prompt textového pole">

Značka img je pouze jednou z několika značek, které akceptují atribut alt. Ostatní značky jsou „oblast“ a „vstup“. Značka img zobrazuje obrázek. Značka oblasti zobrazí odkaz v obrazové mapě a atribut alt poskytuje text ukotvení odkazu. Vstupní značka říká webovému prohlížeči, aby zobrazil textové pole, a použije alternativní text, aby poskytl související výzvu.

Popisy grafiky byly historicky jedním z nejčastějších způsobů použití atributu alt. To bylo užitečné zejména pro lidi se zrakovým postižením, kteří používají software ke čtení obrazovky, která není schopna interpretovat obrázek. Hlavním účelem tohoto atributu je poskytnout spíše popisek než popis asociovaného obrazu. Příkladem správného alternativního textu by byl „George Washington během revoluční války utrpěl mnoho útrap jako generál.“ Popisy skutečných obrázků jsou úkolem atributu titulu.

Vyhledávače využívají text uvedený v atributu alt. Pokud webová stránka sestává výhradně nebo převážně z obrázků, pavouk vyhledávače je schopen stránku procházet, přestože obrázky samy o sobě nejsou k vyhledání pavouků vyhledávače zbytečné. Atribut alt je vyžadován pro značku img v novějších verzích HTML, ale někteří vývojáři webu mezi uvozovky neuváděli nic. To nevyužije příležitosti pro lepší optimalizaci vyhledávače.

Starší webové prohlížeče vykreslily atribut alt jako popisky, takže ho vývojáři webu nesprávně použili k provedení úkolu popisku, který měl poskytnout další informace o obrázku, například popis. Tento problém opravily novější verze. K tomuto účelu se nyní používá atribut názvu a text tohoto atributu lze zobrazit tak, že umístíte kurzor myši na obrázek nebo odkaz.

Webové prohlížeče, které nedokáží zobrazit obrázky, místo toho zobrazují alternativní text. Starší prohlížeče to vždy dělají, ale je možné nakonfigurovat novější verze tak, aby zobrazovaly alt text pouze místo obrázku. To slouží k úsporě šířky pásma, protože prohlížeč nemusí načíst obrázek.