Přeskočit hlavičku [accesskey=1]
Odlišení významu atributů alt a title
Nacházíte se zde: Novinky » Články » Odlišení významu atributů alt a title
Významy atributů
Atribut alt
se u obrázků pro svou funkci často zaměňuje s atributem title
.
Každý ale slouží k jinému účelu. Atribut alt
slouží k co možná nejpodrobnějšímu zastoupení (ekvivalenci) obsahu,
který je na obrázku. Naproti tomu, atribut title
je určen k obecnému shrnutí toho,
co obrázek obsahuje. Lépe to pochopíte na příkladu od Iana Hicksona:
<img src="screenshot1.png" alt="The proxy settings dialog box has 'proxy.i.edu' in the 'host' field and '3128' in the 'port' field for every protocol." title="Screenshot showing Communicator 4.x Proxy settings for Indianapolis campus." longdesc="screenshot1.desc.html">
Základní rady
- Jestliže obrázek obsahuje text, přepište jej celý v nezměněné podobě.
- Pokud používáte dekorativní obrázky nebo obrázkové vycpávky (tzv. „spacer images“), tak jim alternující text přidělte — nechte jej ale prázdný (dobře je
alt=""
; špatně jealt=" "
). - Atribut
alt
není nutné přidělovat obrázkům na pozadí stránky, tabulky atd., nevizuální prohlížeče je ignorují. - Delší popisky můžete shrnout na samostatné stránce a „odkázat“ atributem
longdesc
, podpora ze strany prohlížečů bohužel zatím chybí. - Grafy a tabulky se těžko popisují několika slovy, vystihněte trend vývoje.
- Image-mapy shrňte pouze obecně (několika slovy).
- Matematické, chemické a fyzikální vzorce neshrnujte — stačí pojmenovat.
- Obrázek s jednoduchým znakem (např. šipkou) alternujte znakem "»" apod.
- Obrázky obsahující text v cizím jazyce přeložte (do závorky uveďte jazyk).
Splasklá bublina
Do bublinové nápovědy se vejde mnoho znaků, přesto používejte raději jen několika slovná shrnutí, zhruba po 5 vteřinách totiž bublina splaskne…
Podpora prohlížečů
Pokud chybí atribut title
, tak jako bublinovou nápovědu
použije Internet Explorer atribut alt
— což je špatně (mám za to,
že to zaměňování a špatnému použití těchto příkazů jenom nahrává).
Mozilla i Opera se chovají korektně. Opera dokonce pro title
používá přednastavený formát "TITLE:…"!
Relevantní odkazy:
- W3C: Use the alt attribute
- GAWDS: Writing good ALT text (Simon Willison)
- Mini FAQ About the Alternate Text of Images (Ian Hickson)
- Dive Into Accessibility: Providing text equivalents for images (Mark Pilgrim)
- Guidelines on alt texts in img elements (Jukka Korpela)
Vloženo: 1.1.2004