Ako vyzerá dobrý alternatívny text? Kompletný sprievodca písaním efektívneho alternatívneho textu

Pochopenie základov alternatívneho textu

Alt text, známy aj ako alternatívny text, je popisný text, ktorý sprostredkúva význam obrázka v digitálnom obsahu. Slúži ako dôležitý most medzi vizuálnym obsahom a používateľmi, ktorí sa spoliehajú na asistenčné technológie, ako sú čítačky obrazovky. Keď niekto používa čítačku obrazovky, táto technológia nahlas číta text na obrazovke pomocou prevodu textu na reč a pri natrafení na obrázok prečíta jeho alt text, aby používateľ pochopil, čo má obrázok vyjadrovať. Bez správneho alt textu nemajú ľudia využívajúci čítačky obrazovky prístup k informáciám v obrázkoch, preto je alt text povinný v štandardoch prístupnosti, ako je Section 508 a smernice WCAG.

Dobrý alt text nejde len o jednoduchý popis toho, ako obrázok vyzerá – komunikuje účel a kontext obrázka vo vašom obsahu. Rozdiel medzi slabým a vynikajúcim alt textom môže výrazne ovplyvniť prístupnosť aj optimalizáciu pre vyhľadávače. Napríklad namiesto písania „Obrázok psa“ by ste mali napísať „Zlatý retríver štekajúci na kameru“ alebo „Pes štekajúci“ v závislosti od kontextu. Táto špecifickosť pomáha používateľom čítačiek obrazovky pochopiť nielen to, že sa na obrázku nachádza pes, ale aj jeho činnosť alebo stav, čo je často najdôležitejšia informácia pre pochopenie obsahu.

Kľúčové vlastnosti efektívneho alt textu

Efektívny alt text má niekoľko základných vlastností, vďaka ktorým je skutočne hodnotný pre prístupnosť aj SEO. Predovšetkým, dobrý alt text je stručný a špecifický, zvyčajne v rozsahu jednej až dvoch viet. Cieľom nie je napísať dlhý odsek popisujúci každý detail obrázka, ale vystihnúť podstatné informácie, ktoré vysvetľujú, prečo bol obrázok do obsahu zaradený. Znamená to zvážiť kontext, kde sa obrázok nachádza, a ktoré informácie sú najrelevantnejšie pre okolité texty.

Ďalšou dôležitou vlastnosťou je, že dobrý alt text sa vyhýba zbytočnej duplicite. Ak popis obrázka alebo okolitý text už obrázok opisuje, váš alt text by nemal túto informáciu opakovať. Mal by skôr dopĺňať existujúci obsah poskytnutím dodatočného kontextu, ktorý používatelia čítačiek obrazovky potrebujú na úplné pochopenie účelu obrázka. Okrem toho by dobrý alt text nemal obsahovať frázy ako „obrázok“, „fotografia“ alebo „obraz“, pretože čítačky obrazovky automaticky oznámia, že ide o obrázok. Ak je však obrázok logom, ilustráciou, maľbou, kresleným obrázkom alebo schémou, tieto špecifiká je vhodné uviesť, pretože poskytujú dôležitý kontext.

Najlepšie postupy pre alt text podľa typu obrázka

Rôzne typy obrázkov si vyžadujú rôzny prístup k písaniu alt textu. Pri fotografiách by ste mali zvážiť konkrétne prvky na obrázku, ako mená, vlastné podstatné mená, lokality alebo slovesá. Zamyslite sa, prečo ste si vybrali práve tento obrázok a čo ním chcete publiku sprostredkovať. Napríklad namiesto „Skupina ľudí“ napíšte „Skupina mladých vysokoškolákov sa smeje a kráča po aleji lemovanej stromami.“ Tým poskytnete používateľom čítačiek obrazovky oveľa hodnotnejšiu informáciu.

Pri ikonách a logách sa prístup podstatne líši. Logá nikdy nie sú dekoratívne a vždy si vyžadujú alt text. Mali by ste opísať významné symboly alebo grafiku a presne prepísať všetok text nachádzajúci sa v logu. Pri akčných ikonách by mal alt text popisovať zamýšľanú akciu, napríklad „Stiahnuť sylabus vo formáte PDF“ alebo „Vyhľadať“. Ak ikona slúži ako odkaz na inú stránku, alt text by mal popísať, čo sa stane po kliknutí, napríklad „Navštíviť Instagram knižnice Harvard“.

Ilustrácie a kreatívne grafiky si vyžadujú sústredenie na zámer obrázka, nie na konkrétne detaily. Ak je v ilustrácii text, napríklad v kreslenom vtipe alebo snímke aplikácie, mali by ste opísať relevantné vizuálne prvky aj text. Napríklad kreslený vtip môže mať alt text: „Kreslený obrázok obchodníka sediaceho za stolom, ktorý vedie pohovor s uchádzačom v obleku so strapatými vlasmi a dlhými bielymi fúzmi. Text pod obrázkom: ‘Pán Crusoe, znepokojuje ma táto 20-ročná medzera vo vašom životopise.’“

Schémy, grafy a diagramy si vyžadujú osobitnú pozornosť, pretože často obsahujú zložité údaje. Pri týchto obrázkoch začnite alt text frázou ako „Koláčový graf“ alebo „Stĺpcový graf“ na identifikáciu typu vizualizácie. Potom popíšte dôležité trendy, vzťahy a ďalšie časti obrázka, na ktoré sa kladie dôraz. Ak je obrázok veľmi detailný a vyžaduje dlhší popis, uveďte stručný popis v alt texte a pod obrázkom poskytnite odkaz na dátovú tabuľku alebo dlhší popis grafiky. Napríklad: „Stĺpcový graf predaja podujatí od pondelka do piatka ukazuje mierny pokles od pondelka do stredy a dramatický nárast s vrcholom v piatok.“

Bežné chyby, ktorým sa vyhnúť

Mnoho autorov obsahu robí predvídateľné chyby, ktoré výrazne znižujú účinnosť alt textu. Jednou z najčastejších chýb je písanie alt textu, ktorý je príliš krátky a nepopisuje relevantný obsah obrázka. Hoci je stručnosť dôležitá, alt text musí stále sprostredkovať podstatné informácie, ktoré dávajú obrázku zmysel v danom kontexte. Ďalšou častou chybou je alt text, ktorý je príliš dlhý a popisuje zbytočné informácie, napríklad nepodstatné detaily o oblečení alebo vzhľade ľudí, pokiaľ tieto detaily priamo nesúvisia s obsahom.

Kritickou chybou je písanie textu, ktorý vizuálne popisuje obrázok, ale nepopisuje relevantný obsah. Napríklad, ak máte obrázok rampy pomáhajúcej používateľom na invalidnom vozíku, nemali by ste napísať „Kovová rampa s používateľom na vozíku v pozadí“. Namiesto toho napíšte niečo ako „Používateľ na vozíku stúpa na kovovú rampu navrhnutú pre bezbariérový prístup.“ To sa zameriava na účel a význam, nie len na vizuálny vzhľad. Ďalšou častou chybou je opakovať informácie z hlavného textu v alt texte, čo používateľom čítačiek obrazovky neprináša žiadnu pridanú hodnotu.

Ďalšou významnou chybou je používanie počítačom alebo AI generovaného alt textu bez kontroly. Tieto automatizované popisy často nevyjadrujú skutočný účel obrázka. Napríklad AI môže opísať snímku formulára ako „Snímka obrazovky telefónu“, čo nie je užitočné. Nakoniec, niektorí tvorcovia zabúdajú preložiť alt text pri preklade obsahu do iných jazykov alebo namiesto popisu používajú názov alebo cestu k súboru obrázka, čo používateľom neposkytuje žiadnu užitočnú informáciu.

Kontext je dôležitý: prispôsobenie alt textu použitiu

Ten istý obrázok môže vyžadovať rôzny alt text podľa toho, ako a kde je použitý. Tento princíp kontextového alt textu je kľúčový pre skutočne prístupný obsah. Zvážte obrázok Hollis Hall na Harvardovej univerzite. Ak je tento obrázok použitý v článku s názvom „Jar je tu!“, ktorý vyzdvihuje študentov užívajúcich si pekné počasie a návrat stoličiek Luxembourg na Harvard Yard, alt text by mal byť: „Študenti odpočívajú a pracujú na pestrofarebných stoličkách Luxembourg na Harvard Yard.“ Ak je však ten istý obrázok použitý v článku s názvom „Slávni obyvatelia Hollis Hall“, ktorý sa venuje polohe Hollis Hall vo vzťahu k spoločným priestorom, alt text by mal byť: „Hollis Hall, červená tehlová budova, sa nachádza priamo vedľa otvoreného trávnatého priestoru Harvard Yard.“

To dokazuje, že pri písaní efektívneho alt textu je dôležité pochopiť okolitý obsah a konkrétny účel, ktorý obrázok v danej situácii plní. Pri tvorbe alt textu si vždy položte otázku: „Akú informáciu tento obrázok poskytuje, ktorá je relevantná k článku alebo stránke, kde sa nachádza?“ Odpoveď na túto otázku by mala viesť váš alt text, nie všeobecný popis vzhľadu obrázka. Takýto kontextový prístup zabezpečí, že váš alt text prinesie maximálnu hodnotu používateľom čítačiek obrazovky a zároveň zlepší relevanciu vášho obsahu pre vyhľadávače.

Ďalšie výhody nad rámec prístupnosti

Hoci je alt text primárne určený na to, aby vizuálny obsah bol prístupný ľuďom so zrakovým postihnutím, prináša množstvo ďalších výhod, ktoré sú cenné pre všetkých používateľov aj pre celkový výkon vašej webovej stránky. Alt text je indexovaný vyhľadávačmi a môže výrazne zvýšiť online viditeľnosť a optimalizáciu vašej stránky pre vyhľadávače. Vyhľadávače využívajú alt text na pochopenie obsahu a kontextu obrázkov, čo im pomáha efektívnejšie indexovať vaše stránky a môže zlepšiť vaše umiestnenie pri relevantných vyhľadávaniach.

Alt text sa zobrazí, ak sa obrázok nenačíta, napríklad ak majú používatelia pomalé internetové pripojenie alebo ak sú obrázky zablokované nastaveniami prehliadača. V takýchto prípadoch alt text zabezpečuje, že používatelia stále pochopia, aké informácie mal obrázok sprostredkovať. Navyše alt text sprístupňuje obsah používateľom, ktorí môžu mať problém porozumieť významu vizuálneho obsahu, a umožňuje spracovanie vizuálneho obsahu technickými aplikáciami, ako sú digitálni asistenti a umelá inteligencia. V roku 2025, keď AI a strojové učenie naďalej napredujú, sa správne napísaný alt text stáva ešte dôležitejším pre to, aby tieto systémy správne pochopili a spracovali váš obsah.