Nejčastější chyba u alternativních textů není v tom, že chybějí. To se také stává, ale jde o viditelnou chybu, která se snadno zaznamená. Trvalejší chyba je, že alt-text je sice přítomen, ale nic nepřidává: název souboru fotografie, slovo "obrázek", podrobný popis dekorativního prvku nebo vůbec nic u tlačítka, které se skládá pouze z ikony. Pro uživatele čtečky obrazovky to znamená hluk místo informací, a někdy to znamená, že se funkce na stránce stane nepoužitelnou.
WCAG 2.1, norma, na níž je založen EN 301 549, vyžaduje, aby netextový obsah měl textové alternativy sloužící stejnému účelu. To zní jednoduše, ale v praxi se tento požadavek často formálně odškrtne bez toho, aby byl text funkčně správný. V alt-atributu je něco, kontrolní seznam je splněn, ale uživatel, který si nechá text číst, z toho nemá nic.
Co se přesně pokazí
Několik vzorců se opakuje stále znovu. Název souboru jako alt-text, jako "IMG_2044.jpg" nebo "product-foto-3.png", protože jej redakční systém automaticky vyplní a nikdo ho neopraví. Alt-text, který je vyplněn klíčovými slovy místo popisu, což může být určeno pro vyhledávače, ale pro čtečku obrazovky zní jako nesmyslný výčet. Dekorativní obrázek, jako je fotografií nálady vedle nadpisu, který přesto dostane podrobný popis, a tím zbytečně zpomalí pořadí čtení. A snad nejčastější případ: funkční ikony, jako je nákupní košík, lupa nebo křížek pro zavření něčeho, které fungují jako tlačítka, ale nemají žádný textový název. Čtečka obrazovky pak čte pouze "tlačítko" bez toho, aby bylo jasné, co tlačítko dělá.
U produktových obrázků to často jde opačným způsobem: alt-text popisuje fotografii místo produktu. "Žena v modré tričku na pláži" nic neříká o oblečení, které se prodává, zatímco právě tato informace je to, co uživatel hledá, když fotografii nevidí.
Proč automatizovaná kontrola toto zcela nezachytí
Kontrola může s jistotou určit, zda obrázek má alt-atribut a zda je prázdný. To je užitečné a zachytí nejzávažnější chyby. Co kontrola nemůže s jistotou posoudit, je to, zda obsah tohoto textu sedí: zda "fotografie" skutečně popisuje to, co vidíme, nebo zda ikona tlačítka získala smysluplný název odpovídající funkci. To vyžaduje posouzení člověkem, a to je přesně důvod, proč každá zpráva uvádí, která část testování je automatizovaná a která část není. Pokud chcete pro svůj web rychle zjistit, kde jsou zjevné případy, pak to je možné vidět během několika minut pomocí bezplatné rychlé kontroly.
Jak se tomu vyhnout
Nejpraktičtější otázka při psaní alternativního textu je: co bych řekl nahlas, abych popisoval tento obrázek někomu, kdo jej nevidí, v kontextu této stránky? U fotografií produktu jde o oblečení, barvu nebo vlastnost, kterou fotografie ukazuje. U tlačítka jde o akci, kterou tlačítko provádí, nikoli o samotnou ikonu. U čistě dekorativního obrázku, jako je vzor pozadí, je prázdný alt-text (alt="") právě správnou volbou, aby čtečka obrazovky obrázek přeskočila místo čtení něčeho, co nic nepřidává.
Je to také jedno z míst, kde se dříve dobrá situace může zhoršit bez toho, aby si to někdo všiml: redaktor přidá novou fotografii produktu, systém automaticky vyplní název souboru a text, který tam dříve byl, zmizí. Nejde o jednorázový úkol, ale něco, co se vrací při každé změně, což je také důvod, proč toto téma patří k širším požadavkům na netextový obsah, které jsou v databázi znalostí zpracovány podle situace.
Co to přináší
Kvalitní alternativní texty nejsou otázkou více textu, ale správného textu na správném místě: krátké a funkční u tlačítek a ikon, smysluplné u fotografií produktů a chybějící, kde je obrázek čistě dekorativní. Rozlišovat mezi těmito kategoriemi zabere málo času, jakmile je vzor jednou zřejmý, a ušetří to spoustu vyhledávací práce později. Jak toto rozlišení promítáme do konkrétních, prioritizovaných bodů v naší zprávě, je popsáno na stránce o tom, jak se hodnocení provádí, a pro nejčastěji se vyskytující otázky v souvislosti s tím máme přehled s odpověďmi.
Chcete vědět, zda se tyto chyby vyskytují i na vašich vlastních webových stránkách? Bezplatná quick-scan vám poskytne první, nezávazný přehled bez nutnosti zřizovat si účet.