Zásady přístupného designu

Zde najdete seznam některých základních zásad přístupného designu webových stránek. Většinu z nich je možné implementovat, aniž by bylo nutné slevit z požadavků na vzled a celkový dojem z vašich webových stánek.1) Tento článek je překladem textu Principles of Accessible Design na portále WebAIM (Web Accessibility in Mind).

Poskytněte alternativní text

Alternativní text poskytuje textovou alternativu k netextovému obsahu na webových stránkách. To je užitečné zejména pro lidi, kteří nevidí a spoléhají se na odečítač obrazovky, který jim přečte informace na webových stránkách.

Vytvořte logickou strukturu dokumentu

Nadpisy, seznamy a další strukturální prvky dávají webové stránce strukturu a smysl. Mohou také usnadnit navigaci na stránce pomocí klávesnice.

Uvádějte záhlaví datových tabulek

Datové tabulky musí mít obsahovat záhlaví řádků a sloupců (<th scope=„row“> a <th scope=„col“>), aby je programově spojily s odpovídajícími datovými buňkami (<td>), což uživatelům čtecích programů obrazovky usnadní navigaci a pochopení tabulky.

Zajistěte, aby uživatelé mohli vyplňovat a odesílat všechny formuláře

Každý prvek formuláře (textové pole, zaškrtávací políčko, rozevírací seznam atd.) potřebuje programátorsky přiřazený popisek pole. Uživatelé musí mít možnost odeslat formulář a opravit chyby.

Vytvářejte odkazy, které dávají smysl bez okolního kontextu

Každý odkaz by měl dávat smysl sám o sobě. Uživatelé s odečítačem obrazovky mohou zvolit, že chtějí na webové stránce číst pouze odkazy. Vyhněte se frázím typu „klikněte zde“, „více“ apod.

K multimediální souborům poskytněte titulky a/nebo přepis

Videa a živě přenášený zvuk musí mít titulky a přepis. U archivovaného zvuku může stačit přepis.

Zajistěte přístupnost PDF, Wordu, PowerPointu a dalšího obsahu který není HTML stránkou.

Dokumenty PDF a další obsah, který není HTML stránkou, musí být co nejpřístupnější. Pokud tento obsah nemůžete zpřístupnit, zvažte místo toho použití HTML stránky nebo přinejmenším poskytněte dostupnou alternativu. Pro lepší přístupnost by také soubory PDF měly být tagované. Tagovaný soubor PDF sice vypadá stejně, ale obvykle je lépe přístupný pro osoby používající odečítač obrazovky.

Umožněte uživatelům přeskočit opakující se prvky na stránce

Každá stránka by měla obsahovat možnost přeskočit navigaci nebo jiné prvky, které se opakují na každé stránce. K tomu obvykle slouží odkaz „Přeskočit na hlavní obsah“ nebo „Přeskočit navigaci“ v horní části stránky.

Při sdělení obsahu nespoléhejte pouze na barvu

Barva může přispět k lepšímu porozumění. Nesmí však být jediným způsobem sdělení obsahu, jinak by informace nebyly dostupné lidem s poruchami barvocitu a těm, kdo používají odečítač obrazovky.

Ujistěte se, že je obsahu jasně napsaný a snadno čitelný.

Pište jasně, používejte čisté fonty a v souladu s logikou používejte nadpisy a seznamy.

Vytvářejte přístupný JavaScript

Zajistěte, aby používání obslužných událostí v JavaScriptu bylo nezávislé na zařízení (např. aby nevyžadovalo použití myši).

Vytvářejte web v souladu se standardy

Validní HTML a CSS podporují přístupnost tím, že zvyšují flexibilitu a robustnost kódu.