Přístupnost pro tvůrce obsahu: Tvorba inkluzivního obsahu

Přístupnost nezačíná designem a nekončí kódem. Tvůrci obsahu — autoři, redaktoři, marketéři a producenti multimédií — mají přímý a významný dopad na to, zda je digitální obsah použitelný pro všechny. Slova, která zvolíte, struktura, kterou vytvoříte, obrázky, které popíšete, a média, která produkujete — to vše určuje zážitek uživatelů se zdravotním postižením.

Dobrou zprávou je, že psaní přístupně znamená z velké části psát kvalitně. Jasný, strukturovaný, popisný obsah prospívá všem uživatelům, nejen těm, kteří používají asistenční technologie.

Psaní srozumitelným jazykem

Jasné, přímočaré psaní je požadavkem přístupnosti, nikoliv pouze stylistickou preferencí. Uživatelé s kognitivními postižením, poruchami učení jako dyslexie, nerodilí mluvčí a uživatelé, kteří jsou prostě zaneprázdnění nebo nesoustředění — ti všichni těží z obsahu, který je snadno srozumitelný.

Pište krátké věty s činným rodem. Používejte běžná slova namísto žargonu nebo odborné terminologie — a když jsou specializované pojmy nezbytné, vysvětlete je. Rozdělte dlouhé pasáže na kratší odstavce s popisnými podnadpisy. Používejte seznamy při prezentaci více položek nebo kroků. Vyhněte se idiomům, metaforám a kulturně specifickým odkazům, které se nemusí dobře překládat.

WCAG vyžaduje, aby obsah byl co nejčitelnější, a na úrovni AAA, aby byl doplňkový obsah nebo alternativní verze poskytnuta, když text vyžaduje čtenářskou schopnost nad úrovní nižšího středního vzdělání.

Alternativní text pro obrázky

Alternativní text je jednou z nejdůležitějších obsahových zodpovědností. Každý obrázek, který předává informace, potřebuje textovou alternativu komunikující stejné informace uživatelům, kteří obrázek nemohou vidět. Čtečky obrazovky čtou alt text nahlas a zobrazuje se, když se obrázky nepodaří načíst.

Psaní dobrého alt textu je o komunikaci účelu, ne pouze vzhledu. Zeptejte se sami sebe: jakou informaci tento obrázek sděluje, kterou uživatel potřebuje znát? Fotografie týmu na schůzce může potřebovat alt text jako „Tým spolupracující na plánech projektu kolem konferenčního stolu" místo „foto.jpg" nebo vágního „týmová fotka".

Různé typy obrázků vyžadují různé přístupy:

Informativní obrázky, které sdělují obsah, potřebují popisný alt text komunikující informaci. Buďte struční — typicky do 125 znaků — ale ujistěte se, že je přítomna podstatná informace.

Funkční obrázky, jako ikony použité jako tlačítka, potřebují alt text popisující funkci, ne vzhled. Ikona lupy v tlačítku vyhledávání by měla mít alt text „Hledat", ne „lupa".

Dekorativní obrázky, které přidávají vizuální zajímavost, ale žádnou informaci, by měly mít prázdný alt text (alt=""), aby je čtečky obrazovky zcela přeskočily. Stockové fotografie použité čistě pro estetické účely často spadají do této kategorie.

Složité obrázky jako grafy, diagramy, infografiky nebo schémata potřebují více než krátký atribut alt. Poskytnějte krátký alt text identifikující obrázek a poté podrobný popis nablízku — buď jako viditelný text, popisek, nebo propojený dlouhý popis.

Text odkazů

Odkazy by měly dávat smysl i mimo kontext. Uživatelé čteček obrazovky často navigují tak, že si zobrazí seznam všech odkazů na stránce. Pokud každý odkaz říká „Čtěte více" nebo „Klikněte zde", je takový seznam nepoužitelný.

Pište texty odkazů, které popisují, kam odkaz vede nebo co dělá. Namísto „Klikněte zde pro stažení našeho průvodce přístupností" pište „Stáhněte si náš průvodce přístupností". Namísto „Zjistit více" pište „Zjistit více o úrovních shody WCAG".

Nikdy nepoužívejte holou URL jako text odkazu, pokud samotná URL není informací, která je sdělována. URL se obtížně čtou nahlas a ještě hůře se chápou při poslechu.

Nadpisy a struktura

Používejte nadpisy k vytvoření smysluplné hierarchie obsahu, ne pro vizuální stylování. Uživatelé čteček obrazovky navigují podle nadpisů, aby prohlédli obsah a přeskočili na sekce, které je zajímají. Nadpisy musí následovat logické pořadí — H1 pro název stránky, H2 pro hlavní sekce, H3 pro podsekce v rámci těchto sekcí — bez přeskakování úrovní.

Každá stránka by měla mít přesně jeden H1. Podnadpisy by měly být dostatečně popisné, aby uživatel porozuměl obsahu sekce pouze z nadpisu.

Tabulky

Používejte tabulky pro tabulková data — informace, které mají smysluplné vztahy mezi řádky a sloupci. Nikdy nepoužívejte tabulky pro vizuální rozložení. Když používáte tabulky, zahrňte správné buňky záhlaví pomocí prvků <th> s atributy scope určujícími, zda se jedná o záhlaví řádku nebo sloupce. Pro složité tabulky s více úrovněmi záhlaví použijte atributy id a headers k explicitnímu přiřazení datových buněk k jejich záhlavím.

Poskytnějte popisek nebo souhrn popisující účel tabulky, zejména pro složité datové tabulky.

Seznamy

Při prezentaci skupiny souvisejících položek používejte skutečné HTML seznamy — uspořádané seznamy (<ol>) pro sekvenční položky a neuspořádané seznamy (<ul>) pro nesekvenční položky. Nevytvářejte falešné seznamy pomocí zalomení řádků a pomlček nebo znaků odrážek. Správný markup seznamu říká čtečkám obrazovky, kolik položek je v seznamu a kde se uživatel v něm nachází.

Video a audio obsah

Multimediální obsah má specifické požadavky na přístupnost:

Titulky musí být poskytnuty pro všechna přednahraná videa se zvukem. Titulky musí zahrnovat všechny mluvené dialogy, identifikovat, kdo mluví, když to není vizuálně zřejmé, a zahrnovat smysluplné zvukové efekty. Titulky by měly být synchronizované se zvukem a dostupné jako skryté titulky, které si uživatelé mohou zapnout nebo vypnout.

Přepisy musí být poskytnuty pro přednahraný čistě zvukový obsah, jako jsou podcasty. Přepisy by měly zahrnovat veškerý mluvený obsah, identifikovat mluvčí a popisovat relevantní neřečové zvuky.

Audio popisy musí být poskytnuty pro přednahraná videa, kde důležitá vizuální informace není sdělena zvukovou stopou. Audio popisy komentují významné vizuální prvky — akce, změny scén, text na obrazovce — během přirozených pauz v dialogu.

Automaticky přehrávaný zvuk musí být možné zastavit. Pokud se zvuk automaticky přehrává déle než tři sekundy, poskytnějte mechanismus k pozastavení, zastavení nebo ovládání hlasitosti nezávisle na systémové hlasitosti.

Přístupné dokumenty

PDF a další stahovatelné dokumenty musí být také přístupné. To znamená, že potřebují správnou strukturu tagů (nadpisy, seznamy, tabulky), logické pořadí čtení, alternativní text pro obrázky, definovaný jazyk dokumentu a záložky pro navigaci v delších dokumentech.

Když je to možné, poskytnějte důležité informace jako webový obsah místo stahovatelných dokumentů. Webový obsah je inherentně flexibilnější a snáze zpřístupnitelný než PDF.

Obsah na sociálních médiích

Přístupnost se rozšiřuje i na sociální média. Přidávejte alt text k obrázkům zveřejněným na platformách sociálních médií — většina hlavních platforem to nyní podporuje. Používejte CamelCase v hashtazích, aby je čtečky obrazovky mohly správně parsovat (např. #WebovaPristupnost místo #webovapristupnost). Nepoužívejte pro sdělování informací pouze obrázky nebo video bez textových alternativ.

Senzorické charakteristiky

Nikdy neposkytujte instrukce, které se spoléhají výhradně na senzorické charakteristiky, jako je tvar, barva, velikost, vizuální umístění, orientace nebo zvuk. Namísto „klikněte na zelené tlačítko" nebo „podívejte se na postranní panel vpravo" poskytnějte další kontext: „klikněte na tlačítko Odeslat" nebo „podívejte se do sekce Související články".