"Ktorý súbor chcete, aby čítačka obrazovky čítala nahlas vo vašom uchu 40-krát denne?" Je to trochu absurdná otázka, ale presne to sa stane, keď na zmysluplnom obrázku zostane alt="obrázok1.jpg" alebo v horšom prípade žiadny alternatívny text. Tento článok je praktickým sprievodcom na písanie alternatívneho textu, ktorý skutočne pomáha – nielen prítomný, ale aj dobrý.
Stručne povedané – čo zahŕňa táto príručka
Prečo je zlý alternatívny text takmer taký zlý ako chýbajúci alternatívny text
Podľa WCAG 1.1.1 musí mať všetok netextový obsah textovú alternatívu – ale formálna požiadavka je len polovica príbehu. „image1.jpg“, „image“ alebo „logo“ technicky spĺňajú požiadavku (je tu atribút alt), ale neposkytujú žiadne skutočné informácie. Používateľ čítačky obrazovky, ktorý počuje reťazec „image... image... image23.png“, nie je o nič menej frustrovaný ako vidiaci používateľ, ktorý sa pozerá na sériu prázdnych snímok.
Ako napísať dobrý alternatívny text
Hlavné pravidlo: popíšte posolstvo obrázka v kontexte, kde sa objavuje, nie doslovný popis toho, čo vidíte. Fotografia ľudí okolo stola na tímovom stretnutí, ktorá je súčasťou článku o spolupráci, môže byť označená ako „Tím spolupracujúci pri stole“ – nie „Fotografie ľudí“. V prípade tabuľky alebo grafu opíšte informácie, ktoré graf predstavuje: „Stĺpcový graf znázorňujúci 40 % nárast predaja v treťom štvrťroku“ je výrazne lepší ako „Stĺpcový graf“.
- Krátke a účelné — zvyčajne stačia 1–2 vety; nie je potrebné popisovať každý vizuálny detail.
- Preskočiť „obrázok“ alebo „obrázok“ – čítačka obrazovky už oznamuje, že ide o obrázok, takže to nie je potrebné opakovať.
- Zvážte okolitý text – ten istý obrázok môže mať v rôznych kontextoch iný alternatívny text.
Kedy nechať alternatívny text zámerne prázdny
Nie každý obrázok potrebuje popis. Čisto dekoratívne obrázky – grafické deliace čiary, ilustrácie na pozadí, ikony, ktoré len opakujú blízky text – sa najlepšie označiaalt=""(prázdny alternatívny text, nechýba), takže čítačka obrazovky ich úplne preskočí. Rozdiel medzi „chýbajúcim“ a „zámerne prázdnym“ je zásadný: chýbajúce znie ako chyba alebo načítava názov súboru; zámerne prázdny ho jednoducho potichu preskočí.
💡 Praktický tip
Rýchly test: ak by ste obrázok úplne odstránili zo stránky, chýbalo by niečo používateľovi, ktorý ho nevidí? Ak nie – pravdepodobne je dekoratívny a hodí sa k prázdnemu alt.
Čo robiť so zložitými grafmi a diagramami
Pre komplexný dátový graf, ilustrovanú porovnávaciu tabuľku alebo infografiku s niekoľkými vrstvami informácií nestačí krátky alternatívny text – je tam príliš veľa informácií na vyjadrenie. Riešenie: krátky alternatívny text, ktorý popisuje všeobecnú tému, popri ňom (v bežnom texte okolo obrázka, nielen v atribúte alt) podrobnejší popis dôležitých údajov alebo ekvivalentná tabuľka s údajmi, v ktorej sa môže pohybovať čítačka obrazovky.
Nie ste si istí, ktorý alternatívny text na vašej stránke chýba alebo je problematický?
Náš nástroj nájde obrázky bez alternatívneho textu v každom dokumente na vašej stránke a označí ich podľa priority.
Sprístupnite svoje dokumenty zadarmo ←