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.¹⁾

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.

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.

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.

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.

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.

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

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.

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.

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.

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

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).

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