Čo je Alt text obrázka?

Alt text, teda alternatívny text, je atribút alt v HTML značke obrázka. Opisuje, čo obrázok zobrazuje. Bežný návštevník ho zvyčajne nevidí, no zobrazí sa, ak sa obrázok nenačíta, a čítajú ho čítačky obrazovky, ktoré používajú ľudia so zrakovým postihnutím.

Prečo na tom záleží

Alt text má dva hlavné prínosy. Prvým je prístupnosť: vďaka nemu sa k informácii z obrázka dostanú aj ľudia, ktorí ho nevidia. Druhým je SEO: vyhľadávače z neho spolu s okolitým textom lepšie chápu obsah obrázka, čo pomáha pri zobrazovaní vo vyhľadávaní obrázkov. Pre e-shopy a firmy s vizuálnymi produktmi to môže byť zaujímavý zdroj návštev.

Ako na to v praxi

• Opíšte, čo na obrázku naozaj je, stručne a konkrétne, zvyčajne jednou vetou.
• Myslite na kontext. Rovnaká fotka môže mať na rôznych stránkach iný význam.
• Kľúčové slovo použite len vtedy, keď sa prirodzene hodí.
• Dekoratívne obrázky, ktoré nenesú informáciu, môžu mať prázdny atribút alt="", aby ich čítačky preskočili.
• Na začiatok nepíšte „obrázok“ či „fotka“. Čítačka to oznámi sama.

Najčastejšie chyby

• Úplne chýbajúci atribút alt pri dôležitých obrázkoch.
• Názov súboru ako alt text, napríklad „IMG_4521“.
• Nahromadené kľúčové slová namiesto skutočného popisu.
• Rovnaký alt text pri všetkých fotografiách v galérii.
• Dôležitý text, napríklad cena alebo kontakt, vložený iba do obrázka bez textovej alternatívy.

Dobrý alt text píšte tak, akoby ste obrázok opisovali niekomu cez telefón. Ak by mu popis stačil na pochopenie, je napísaný správne.