Alt text (zkratka pro alternative text, česky často alternativní text) je popis obrázku vložený do HTML atributu alt, který slouží jako textová náhrada obrázku, pokud se nemůže zobrazit, nebo pokud jej čte uživatel se zrakovým postižením pomocí screen readeru.
Alt text je důležitou součástí přístupnosti webu (web accessibility) i SEO, protože vyhledávače neumí obrázky plně přečíst a orientují se podle dostupných textových informací.
K čemu alt text slouží
Alt text má tři hlavní úlohy:
- 🦮 Přístupnost – screen readery přečtou alt text místo obrázku, takže uživatel získá informaci o tom, co by měl vidět.
- 🔍 SEO – pomáhá vyhledávačům pochopit obsah obrázku, což může zlepšit pozice ve vyhledávání obrázků i celkovou relevanci stránky.
- 🖼️ Záloha při chybě – pokud se obrázek nenačte (pomalé připojení, technická chyba), zobrazí se alt text jako náhradní popis.
Jak má správný alt text vypadat
Správný alt text je:
- stručný (obvykle 5–15 slov)
- výstižný – popisuje to, co je pro uživatele podstatné
- konkrétní, ne obecný
- bez SEO „keyword stuffingu“, tedy bez umělého nacpávání klíčových slov
- relevantní k obsahu stránky
Příklady dobrých alt textů
- „Moderní kuchyně s bílou linkou a dřevěným stolem“
- „Infografika růstu prodeje za rok 2024“
- „Logo spolku Retro Expres v modré barvě“
- „Programátor pracující na laptopu v kavárně“
Příklady špatných alt textů
- „Obrázek123.jpg“
- „Fotka“
- „Seo keywords marketing nejlepší pračka 2025“
- „Hezký obrázek“
Kdy alt text psát a kdy ne
Alt text psát, když:
- obrázek předává informaci
- obrázek má funkci (ikonka tlačítka, šipka pro další krok)
- jde o graf, schéma, produktovou fotku, infografiku
Alt text nepsat, když:
- obrázek je dekorativní a nijak nesouvisí s obsahem
- jde o element typu background-image v CSS
- místo alt textu má být atribut
alt=""– screen reader pak dekorativní prvek přeskočí
Alt text vs. title
- Alt text = popis obrázku, zásadní pro přístupnost a SEO
- Title = doplňující popis, často „tooltip“, méně důležitý a nepoužívaný screen readery
Alt text je vždy primární.
Jak alt text vypadá v HTML
<img src="kocka.jpg" alt="Černá kočka sedící na parapetu">Proč je alt text důležitý
Dobře napsaný alt text:
- zlepšuje přístupnost webu
- pomáhá vyhledávačům pochopit obsah stránky
- přidává kontext obrázkům
- zvyšuje šanci, že obrázek bude správně indexován ve vyhledávání
Bez kvalitního alt textu může být stránka pro některé uživatele nečitelná a pro algoritmy hůře pochopitelná.
