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ě je alt=" ").
  • 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:

Vloženo: 1.1.2004


Copyright © 2004 Vít Dlouhý, Všechna práva vyhrazena ®
XHTML 1.1, CSS 2.1, Dogma W4