"Který soubor chcete, aby vám čtečka obrazovky četla nahlas v uchu 40krát denně?" Je to trochu absurdní otázka, ale přesně to se stane, když na smysluplném obrázku zůstane alt="obrazek1.jpg" nebo v horším případě žádný alternativní text. Tento článek je praktickým průvodcem psaní alternativního textu, který skutečně pomáhá – nejen přítomný, ale dobrý .
Ve zkratce – co tento průvodce pokrývá
Proč je špatný alternativní text téměř stejně špatný jako chybějící alternativní text
V rámci WCAG 1.1.1 musí mít veškerý netextový obsah textovou alternativu – ale formální požadavek je jen polovina příběhu. „image1.jpg“, „image“ nebo „logo“ technicky splňují požadavek (je zde atribut alt), ale neposkytují žádné skutečné informace. Uživatel odečítače obrazovky, který slyší řetězec „image... image... image23.png“, není o nic méně frustrovaný než vidící uživatel, který se dívá na sérii prázdných snímků.
Jak napsat dobrý alternativní text
Hlavní pravidlo: popište sdělení obrázku v kontextu, kde se objeví, nikoli doslovný popis toho, co vidíte. Fotku lidí kolem stolu na týmové schůzce doprovázející článek o spolupráci by bylo možné dát „Tým spolupracující u stolu“ – nikoli „Fotografie lidí“. U grafu nebo grafu popište, co graf představuje: „Sloupcový graf ukazující 40% nárůst prodeje ve třetím čtvrtletí“ je výrazně lepší než „Sloupcový graf“.
- Krátké a účelné — obvykle stačí 1–2 věty; není třeba popisovat každý vizuální detail.
- Přeskočit „obrázek“ nebo „obrázek“ – čtečka obrazovky již oznámí, že se jedná o obrázek, takže jej není třeba opakovat.
- Vezměte si v úvahu okolní text — stejný obrázek může mít v různých kontextech jiný alternativní text.
Kdy nechat alternativní text záměrně prázdný
Ne každý obrázek potřebuje popis. Čistě dekorativní obrázky – grafické dělicí čáry, ilustrace na pozadí, ikony, které pouze opakují blízký text – se nejlépe označíalt=""(prázdný alternativní text, nechybí), takže je čtečka obrazovky úplně přeskočí. Rozdíl mezi „chybějícím“ a „záměrně prázdným“ je zásadní: chybějící zní jako chyba nebo přečte název souboru; záměrně prázdný to prostě tiše přeskočí.
💡 Praktický tip
Rychlý test: pokud byste obrázek zcela smazali ze stránky, chybělo by něco uživateli, který jej nevidí? Pokud ne – pravděpodobně je dekorativní a hodí se k prázdnému alt.
Co dělat se složitými grafy a diagramy
U komplexního datového grafu, ilustrované srovnávací tabulky nebo infografiky s několika vrstvami informací nestačí krátký alternativní text – je zde příliš mnoho informací na sdělení. Řešení: krátký alternativní text, který popisuje obecné téma, vedle něj (v běžném textu kolem obrázku, nejen v atributu alt) podrobnější popis důležitých dat nebo ekvivalentní datová tabulka, ve které se může pohybovat čtečka obrazovky.
Nejste si jisti, který alternativní text na vašem webu chybí nebo je problematický?
Náš nástroj najde obrázky bez alternativního textu v každém dokumentu na vašem webu a označí je podle priority.
Zpřístupněte své dokumenty zdarma ←