Prístupnosť pre tvorcov obsahu: Tvorba a produkcia inkluzívneho obsahu

Prístupnosť nezačína dizajnom a nekončí kódom. Tvorcovia obsahu — autori, redaktori, marketéri a producenti multimédií — majú priamy a významný vplyv na to, či je digitálny obsah použiteľný pre každého. Slová, ktoré zvolíte, štruktúra, ktorú vytvoríte, obrázky, ktoré opíšete, a médiá, ktoré produkujete, určujú zážitok pre používateľov so zdravotným postihnutím.

Dobrou správou je, že prístupné písanie je z veľkej časti o kvalitnom písaní. Jasný, štruktúrovaný, popisný obsah prospieva všetkým používateľom, nielen tým, ktorí používajú asistenčné technológie.

Písanie jasným jazykom

Jasné, priamočiare písanie je požiadavkou prístupnosti, nie len štýlovou preferenciou. Používatelia s kognitívnymi postihnutiami, poruchami učenia ako dyslexia, nenatívni hovorcovia jazyka a používatelia, ktorí sú jednoducho zaneprázdnení alebo rozptyľovaní, všetci profitujú z obsahu, ktorý je ľahko pochopiteľný.

Píšte v krátkych vetách s aktívnym hlasom. Používajte bežné slová namiesto žargónu alebo odbornej terminológie — a keď sú špecializované termíny nevyhnutné, vysvetlite ich. Rozdeľte dlhé pasáže na kratšie odseky s popisnými podnadpismi. Používajte zoznamy pri prezentácii viacerých položiek alebo krokov. Vyhnite sa idiómom, metaforám a kultúrne špecifickým odkazom, ktoré sa nemusia dobre preložiť.

WCAG vyžaduje, aby bol obsah čo najčitateľnejší, a na úrovni AAA, aby bol poskytnutý doplnkový obsah alebo alternatívna verzia, keď text vyžaduje pokročilejšiu čitateľskú schopnosť než úroveň nižšieho sekundárneho vzdelávania.

Alternatívny text pre obrázky

Alternatívny text je jednou z najdôležitejších obsahových zodpovedností. Každý obrázok, ktorý sprostredkúva informácie, potrebuje textovú alternatívu, ktorá komunikuje rovnaké informácie používateľom, ktorí obrázok nevidia. Čítačky obrazovky čítajú alt text nahlas a zobrazuje sa, keď sa obrázky nenačítajú.

Písanie dobrého alt textu je o komunikácii účelu, nie len vzhľadu. Opýtajte sa sami seba: akú informáciu tento obrázok sprostredkúva, ktorú používateľ potrebuje vedieť? Fotografia tímu na porade môže potrebovať alt text ako „Tím spolupracuje na projektových plánoch okolo konferenčného stola" namiesto „foto.jpg" alebo vágneho „tímová fotka".

Rôzne typy obrázkov vyžadujú rôzne prístupy:

Informatívne obrázky, ktoré sprostredkúvajú obsah, potrebujú popisný alt text komunikujúci informácie. Buďte struční — typicky pod 125 znakov — ale zabezpečte, aby boli prítomné podstatné informácie.

Funkčné obrázky ako ikony použité ako tlačidlá potrebujú alt text popisujúci funkciu, nie vzhľad. Ikona lupy v tlačidle vyhľadávania by mala mať alt text „Hľadať", nie „lupa".

Dekoratívne obrázky, ktoré pridávajú vizuálny záujem, ale žiadne informácie, by mali mať prázdny alt text (alt=""), aby ich čítačky obrazovky úplne preskočili. Fotky z fotobaniek použité čisto na estetické účely často patria do tejto kategórie.

Zložité obrázky ako grafy, diagramy, infografiky alebo schémy potrebujú viac než stručný alt atribút. Poskytnite krátky alt text, ktorý identifikuje obrázok, potom poskytnite podrobný popis nablízku — buď ako viditeľný text, popis alebo prepojený dlhý popis.

Text odkazov

Odkazy by mali dávať zmysel aj mimo kontextu. Používatelia čítačiek obrazovky často navigujú vyvolaním zoznamu všetkých odkazov na stránke. Ak každý odkaz hovorí „Čítať viac" alebo „Kliknite sem", ten zoznam je nepoužiteľný.

Píšte text odkazov, ktorý opisuje, kam odkaz vedie alebo čo robí. Namiesto „Kliknite sem na stiahnutie nášho sprievodcu prístupnosťou" napíšte „Stiahnite si nášho sprievodcu prístupnosťou". Namiesto „Zistite viac" napíšte „Zistite viac o úrovniach zhody WCAG".

Nikdy nepoužívajte holú URL adresu ako text odkazu, pokiaľ samotná URL nie je informáciou, ktorá sa komunikuje. URL adresy sú ťažko čitateľné nahlas a ešte ťažšie pochopiteľné pri počúvaní.

Nadpisy a štruktúra

Používajte nadpisy na vytvorenie zmysluplnej hierarchie obsahu, nie na vizuálne štylizovanie. Používatelia čítačiek obrazovky navigujú podľa nadpisov na prehľadávanie obsahu a skákanie na sekcie záujmu. Nadpisy musia nasledovať logické poradie — H1 pre názov stránky, H2 pre hlavné sekcie, H3 pre podsekcie v rámci týchto sekcií — bez preskakovania úrovní.

Každá stránka by mala mať presne jeden H1. Podnadpisy by mali byť dostatočne popisné, aby používateľ mohol pochopiť obsah sekcie zo samotného nadpisu.

Tabuľky

Používajte tabuľky pre tabuľkové dáta — informácie, ktoré majú zmysluplné vzťahy medzi riadkami a stĺpcami. Nikdy nepoužívajte tabuľky pre vizuálne rozloženie. Keď používate tabuľky, zahrňte správne hlavičkové bunky pomocou elementov <th> s atribútmi scope, ktoré indikujú, či sú to hlavičky riadkov alebo stĺpcov. Pre zložité tabuľky s viacerými úrovňami hlavičiek používajte atribúty id a headers na explicitné priradenie dátových buniek k ich hlavičkám.

Poskytnite popis alebo zhrnutie, ktoré opisuje účel tabuľky, najmä pre zložité dátové tabuľky.

Zoznamy

Keď prezentujete skupinu súvisiacich položiek, používajte skutočné HTML zoznamy — zoradené zoznamy (<ol>) pre sekvenčné položky a nezoradené zoznamy (<ul>) pre nesekvenčné položky. Nevytvárajte falošné zoznamy pomocou zlomov riadkov a pomlčiek alebo znakov odrážok. Správne značkovanie zoznamov hovorí čítačkám obrazovky, koľko položiek je v zozname a kde sa v ňom používateľ nachádza.

Video a audio obsah

Multimediálny obsah má špecifické požiadavky na prístupnosť:

Titulky musia byť poskytnuté pre všetky nahraté videá so zvukom. Titulky musia zahŕňať všetky hovorené dialógy, identifikovať hovoriaceho, keď to nie je vizuálne zrejmé, a zahŕňať zmysluplné zvukové efekty. Titulky by mali byť synchronizované so zvukom a dostupné ako skryté titulky, ktoré môžu používatelia zapnúť alebo vypnúť.

Prepisy musia byť poskytnuté pre nahraný výlučne zvukový obsah ako podcasty. Prepisy by mali zahŕňať všetok hovorený obsah, identifikovať hovoriacich a opísať relevantné nehovorené zvuky.

Audio popisy musia byť poskytnuté pre nahraté videá, kde dôležité vizuálne informácie nie sú sprostredkované zvukovou stopou. Audio popisy komentujú významné vizuálne prvky — akcie, zmeny scén, text na obrazovke — počas prirodzených prestávok v dialógu.

Automaticky prehrávaný zvuk musí byť možné zastaviť. Ak sa zvuk prehráva automaticky dlhšie ako tri sekundy, poskytnite mechanizmus na pozastavenie, zastavenie alebo ovládanie hlasitosti nezávisle od hlasitosti systému.

Prístupné dokumenty

PDF a iné dokumenty na stiahnutie musia byť tiež prístupné. To znamená, že potrebujú správnu štruktúru značiek (nadpisy, zoznamy, tabuľky), logické poradie čítania, alternatívny text pre obrázky, definovaný jazyk dokumentu a záložky pre navigáciu v dlhších dokumentoch.

Keď je to možné, poskytujte dôležité informácie ako webový obsah namiesto dokumentov na stiahnutie. Webový obsah je inherentne flexibilnejší a ľahšie sa robí prístupným než PDF.

Obsah sociálnych médií

Prístupnosť sa rozširuje aj na sociálne médiá. Pridávajte alt text k obrázkom uverejneným na platformách sociálnych médií — väčšina hlavných platforiem to teraz podporuje. Používajte CamelCase v hashtagoch, aby ich čítačky obrazovky mohli správne analyzovať (napr. #WebovaPresupnost namiesto #webovaprístupnost). Vyhnite sa sprostredkovaniu informácií výlučne prostredníctvom obrázkov alebo videa bez textových alternatív.

Zmyslové charakteristiky

Nikdy neposkytujte inštrukcie, ktoré sa spoliehajú výlučne na zmyslové charakteristiky ako tvar, farba, veľkosť, vizuálna poloha, orientácia alebo zvuk. Namiesto „kliknite na zelené tlačidlo" alebo „pozrite postranný panel vpravo" poskytnite ďalší kontext: „kliknite na tlačidlo Odoslať" alebo „pozrite sekciu Súvisiace články".