Alternatívny text

Čo to znamená

Alternatívny text je krátky opis obrázka zapísaný v atribúte alt v kóde stránky. Čítačka obrazovky ho prečíta nevidiacim používateľom a prehliadač ho zobrazí, keď sa obrázok nenačíta.

Podľa pravidiel prístupnosti WCAG musí mať textovú alternatívu každý obrázok, ktorý nesie informáciu, napríklad graf, schéma či fotografia produktu. Čisto dekoratívne obrázky majú mať prázdny alt, aby čítačka zbytočne nezdržovala.

Alternatívny text pomáha aj SEO: vyhľadávače z neho chápu, čo je na obrázku, a môžu obrázok zobraziť vo vyhľadávaní obrázkov. Hlavným účelom však zostáva prístupnosť, nie kľúčové slová.

Ako to funguje v praxi

Dobrý alternatívny text opisuje, čo obrázok v danom kontexte znamená, nie ako vyzerá. Pri grafe tržieb nestačí „graf“, ale „tržby rástli z 1,2 na 1,8 milióna eur v rokoch 2022 až 2024“, pri logu stačí názov firmy.

Od roku 2025 platí akt o prístupnosti, ktorý ukladá povinnosti aj vybraným súkromným službám, napríklad e-shopom a bankovým službám. Chýbajúce alternatívne texty sú jednou z najčastejších chýb pri auditoch.

V redakčných systémoch sa alternatívny text zadáva pri nahrávaní obrázka. Oplatí sa to nastaviť ako povinné pole, aby sa na neho pri pridávaní obsahu nezabudlo.

Na čo si dať pozor

Častou chybou je vkladať do alt textu zoznam kľúčových slov alebo názov súboru, napríklad „IMG_2034.jpg“. Taký text nepomôže čitateľovi a vyhľadávače ho môžu považovať za manipuláciu.

Ak je dôležitý text súčasťou obrázka, napríklad cena na banneri, musí byť uvedený aj v alt texte alebo radšej priamo v HTML. Inak ho nevidiaci ani vyhľadávač neprečíta a pri responzívnom dizajne sa navyše na mobile často stratí.