Popisky obrázků: proč je skoro všude najdete špatně a jak to konečně udělat dobře

Typické „perly“? Název souboru, produktové číslo, nebo geniální univerzál „obrázek“. Super… až na to, že 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 čtečky obrazovky přečtou nahlas. Jsou to zkrátka náhradní brýle pro ty, kdo obrázek nevidí.

Špatné příklady:

• produkt123.jpg
• logo_firmy.png
• obrázek

Proč š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.

Stručně a k věci

Nemusíte popisovat každé stéblo trávy. Stačí to podstatné.

• Špatně: Obrázek
• Správně: Graf znázorňující růst prodeje v letech 2020–2025.

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“. Díky, ale jak vypadají?
• Správně: Černé tenisky Nike Air Max s červeným proužkem po straně, pohled z boku.
  uživatel má 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í parkoviště pro buzzwordy.

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.

Takže výzva: 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.