Jaké jsou typické „perly“? Název souboru, produktové číslo, nebo geniální univerzál „obrázek“. Na první pohled to vypadá jako správný popis obrázku, ale pro uživatele čtečky obrazovky je to úplně prázdná informace.
Co je alt text a k čemu vlastně slouží?
Alt text je krátký textový popis obrázku. Zobrazí se, když se obrázek nenačte, a hlavně ho lidem se zrakovým postižením jejich čtečky obrazovky přečtou nahlas.
Špatné příklady:
- produkt123.jpg
- logo_firmy.png
- obrázek
Proč je to špatně? Protože nikdo z toho nepochopí, co na obrázku je. Ztrácí se souvislosti a stránka přestává dávat smysl.
Jak psát dobré popisky obrázků?
Popište obsah, ne název souboru
- Špatně: kočka.jpg
- Správně: Černá kočka leží na sluníčku a dívá se do kamery.
Jděte přímo k věci. Nemusíte popisovat každé stéblo trávy. Stačí z obrázku vypíchnout to podstatné.
- Špatně: Obrázek
- Správně: Graf znázorňující růst prodeje v letech 2020–2025.
Obrázek pouze jako dekorace? Nechte je být
Pokud obrázek nemá žádnou informační hodnotu, prostě alt text vynechte (alt=""). Čtečka ho přeskočí a uživatel nebude zbytečně poslouchat „nic“.
Vyhněte se zbytečným slovům
Nemusíte psát „obrázek“ nebo „fotografie“. Čtečka to uživatelům prozradí sama.
Praktický příklad: E-shop
- Špatně: tenisky_nike_air_max.jpg Čtečka řekne „tenisky nike air max“. Ale jak vypadají z toho není poznat.
- Správně: Černé tenisky Nike Air Max s červeným proužkem po straně, pohled z boku. Tentokrát má uživatel hned představu, co kupuje.
Proč to celé řešit?
- Přístupnost – lidé se zrakovým postižením získají plnohodnotný zážitek.
- SEO – vyhledávače konečně pochopí, co na obrázku je.
- Uživatelský komfort – váš web působí promyšleněji a přátelštěji.
Tipy do praxe
- Před přidáním obrázku si položte otázku: „Co bych o něm chtěl vědět, kdybych ho neviděl?“
- Pokud nevíte, jak obrázek popsat, pomůže vám dnes jakákoliv AI. Stačí do ní vložit obrázek a požádat o stručný popis pro uživatele se zrakovým postižením.
- Občas vypněte načítání obrázků nebo si web pusťte se čtečkou. Otevře vám to oči (obrazně řečeno).
- Zapomeňte na vkládání klíčových slov jen kvůli SEO – alt text není k tomu určený.
Popisky obrázků nejsou nudná technická povinnost, ale klíč k lepšímu webu. Usnadní život lidem se zrakovým postižením, pomůžou SEO a zvednou kvalitu obsahu.
Zkuste si projít svůj web a podívat se na alt texty. Jestli tam místo popisu najdete „obrázek1.jpg“… no, víte, co máte dělat.
