Pojem a11y je numeronymum pro slovo Accessibility (přístupnost). Číslo 11 nahrazuje jedenáct písmen mezi počátečním „a“ a koncovým „y“. Označuje snahu o vytváření digitálního obsahu, který mohou používat všichni lidé, bez ohledu na jejich zdravotní omezení nebo technické vybavení.
Přístupnost není jen o pomoci lidem se zrakovým postižením. Týká se široké škály uživatelů:
Metodika WCAG (Web Content Accessibility Guidelines) definuje čtyři základní principy, pod které spadají všechna pravidla:
| Princip | Popis |
|---|---|
| Vnímatelnost (Perceivable) | Informace a rozhraní musí být prezentovány tak, aby je uživatelé mohli vnímat svými smysly. |
| Ovladatelnost (Operable) | Prvky rozhraní a navigace musí být ovladatelné (např. pomocí klávesnice). |
| Srozumitelnost (Understandable) | Informace a ovládání musí být pochopitelné pro široké spektrum uživatelů. |
| Robustnost (Robust) | Obsah musí být kompatibilní s různými technologiemi (včetně asistivních technologií, jako jsou čtečky obrazovky). |
Používejte značky k jejich účelu. Tlačítko má být `<button>`, odkaz `<a>` a nadpisy mají následovat v logickém pořadí (H1 → H2 → H3).
Každý informativní obrázek by měl mít atribut `alt`.
<img src="pes.jpg" alt="Zlatý retrívr běžící v trávě">
Text musí být dostatečně kontrastní vůči pozadí. Standardem je poměr alespoň 4.5:1 pro běžný text.
Uživatel by měl být schopen projít celý web pouze pomocí klávesy Tab. Vždy musí být vidět aktuální „focus“ (zaměření) prvku.
Tip: Přístupnost není „vlastnost“, kterou přidáte na konci projektu. Je to proces, který začíná už u designu a návrhu uživatelské zkušenosti (UX).
Související stránky: