Najčastejšia chyba pri alternatívnych textoch nie je, že chýbajú. To sa stáva tiež, ale je to viditeľná chyba, ktorá sa rýchlo zaznamená. Zásadnejšou chybou je, že alt-text tu je, ale nič nepridáva: názov súboru fotografie, slovo "obrázok", podrobný popis dekoratívnej lišty, alebo vôbec nič pri tlačidle, ktoré pozostáva len z ikony. Pre používateľa čítačky obrazovky to znamená šum namiesto informácií a niekedy to znamená, že sa funkcia na stránke stáva nepoužiteľnou.
WCAG 2.1, norma, na ktorej je založená EN 301 549, vyžaduje, aby netextový obsah mal textovú alternatívu, ktorá slúži rovnakému účelu. Znie to jednoducho, ale v praxi sa táto požiadavka často formálne zaškrtáva bez toho, aby bol text funkčný. V atribúte alt je niečo, kontrolný zoznam je splnený, ale používateľ, ktorý si nechá text prečítať, z toho nemá úžitok.
Čo presne ide zle
Niekoľko vzorov sa neustále opakuje. Názov súboru ako alt-text, napríklad "IMG_2044.jpg" alebo "product-foto-3.png", pretože redakčný systém to automaticky vyplní a nikto to nenapraví. Alt-text, ktorý je vyplnený kľúčovými slovami namiesto popisu, čo môže byť zamýšľané pre vyhľadávacie motory, ale pre čítačku obrazovky znie ako nesmyselnýý zoznam. Dekoratívny obrázok, ako je atmosférická fotografia vedľa nadpisu, ktorý napriek tomu dostane podrobný popis a tým zbytočne spomaľuje poradie čítania. A možno najviac rozšírené: funkčné ikony, ako nákupný košík, lupa alebo krížik na zatvorenie niečoho, ktoré fungujú ako tlačidlá, ale nemajú žiadny textový názov. Čítačka obrazovky potom prečíta iba "tlačidlo" bez toho, aby bolo jasné, čo toto tlačidlo robí.
Pri obrázkoch produktov to často ide opačným smerom: alt-text popisuje fotografiu namiesto produktu. "Žena v modrom svetri na pláži" hovorí nič o oblečení, ktoré sa predáva, zatiaľ čo práve tá informácia je to, čo používateľ hľadá, keď fotografia nie je viditeľná.
Prečo automatizovaná skúmavka to úplne nezachytí
Skúmavka môže s istotou určiť, či obrázok má atribút alt a či je prázdny. To je užitočné a chytá najhrubšie chyby. Čo skúmavka nemôže s istotou posúdiť, je správnosť obsahu tohto textu: či "fotografia" skutočne popisuje, čo je vidieť, alebo či tlačidlo ikony dostalo zmysluplný názov, ktorý zodpovedá funkcii. To vyžaduje posúdenie človekom, a práve preto každá správa uvádzať, ktorá časť testovania je automatizovaná a ktorá nie. Chcete rýchlo vidieť, kde sú na svojej stránke jasné prípady, je viditeľný za pár minút bezplatným rýchlym skenom.
Ako sa tomu vyhnúť
Najpraktickejšia otázka pri písaní alt-textu je: čo by som povedal nahlas, aby som opísal tento obrázok niekomu, kto ho nevidí, v kontexte tejto stránky? Pri produktovej fotografii je to oblečenie, farba alebo charakteristika, ktorú fotografia zobrazuje. Pri tlačidle je to akcia, ktorú tlačidlo vykonáva, nie samotná ikona. Pri čisto dekoratívnom obrázku, ako je pozadie vzoru, je prázdny alt-text (alt="") presne správnou voľbou, takže čítačka obrazovky preskočí obrázok namiesto toho, aby prečítala niečo, čo nič nepridáva.
Je to tiež jedno z miest, kde sa predchádzajúca dobrá situácia môže zhoršiť bez toho, aby si to niekto všimol: redaktor pridá novú fotografiu produktu, systém automaticky vyplní názov súboru a text, ktorý tam predtým bol, zmizne. To nie je jednorazová úloha, ale niečo, čo sa vracia s každou zmenou, a to je tiež dôvod, prečo táto téma patrí do širších požiadaviek na obsah bez textu, ktoré sú vypracované v návrhoch poznatkov pre každú situáciu.
Čo z toho vyplýva
Dobrá alternatívna textová pole nie sú záležitosťou viac textu, ale správneho textu na správnom mieste: krátke a funkčné pri tlačidlách a ikonách, zmysluplné pri fotografiách produktov a chýbajúce tam, kde je obrázok čisto dekoratívny. Toto rozlíšenie trvá málo času, keď je vzor jasný, a neskôr ušetrí veľa výskumných prác. Ako vrátime toto rozlíšenie v správe na konkrétne, prioritizované body, je opísané na stránke o tom, ako sa posúdenie uskutočňujea na otázky, ktoré sa tam najčastejšie vracajú, existuje prehľad s odpoveďami.
Chcete vedieť, či sa tento druh chýb vyskytuje aj na vašej vlastnej stránke? Bezplatná rýchla kontrola vám poskytne prvý, bez záväzný obraz, bez potreby účtu.