Alternativní text
Alt text (alternativní text) je písemný popis přidaný do kódu HTML obrázku, který popisuje obsah a funkci obrázku pro čtečky obrazovky a vyhledávače.
Alternativní text má dva zásadní účely: přístupnost webu a SEO. Pro zrakově postižené uživatele, kteří používají čtečky obrazovky, poskytuje alternativní text slovní popis obrázků, které nevidí. Pro vyhledávače, které také „nevidí“ obrázky, alternativní text vysvětluje, co obrázek zobrazuje, a pomáhá mu objevit se ve výsledcích vyhledávání obrázků.
Dekorativní obrázky, které nepřenášejí informaci, mohou mít prázdný atribut alt (alt=""), aby je čtečky obrazovky přeskočily. Text alt se také zobrazuje, když se obrázek nepodaří načíst, a dává uživatelům kontext o tom, co jim chybí. Díky této záložní funkci je důležitý pro uživatelský zážitek i nad rámec přístupnosti a SEO.
V praxi
- Blog o jídle přidal popisný alternativní text k 500 fotografiím receptů a během dvou měsíců zaznamenal nárůst návštěvnosti z Google Obrázků o 40 %
- E-shop napsal jedinečný alternativní text pro 2 000 obrázků produktů místo použití názvů souborů, což vedlo k 15% nárůstu organických návštěv stránek produktů
- Realitní kancelář popsala každou fotografii nemovitosti lokalitou, vlastnostmi a typem místnosti a zachytila vyhledávání jako „moderní kuchyně v Austin TX“
- Nezisková organizace zlepšila skóre souladu svého webu s WCAG z 62 % na 94 % jednoduše tím, že ke všem obrázkům přidala správný alternativní text
Nejste si jistí, jak se to týká vás?
Zkušený inženýr projde váš web, vaši viditelnost ve vyhledávání a způsob, jakým se k vám dostávají poptávky, a poté sepíše tři věci, které je vhodné opravit jako první. Dokument si ponecháte tak jako tak.