Co je přístupnost webu

00:00:00

Přístupnost webu je téma, které se mě osobně dotýká každý den. Jako nevidomý uživatel vím z vlastní zkušenosti, co znamená narazit na stránku, která prostě nefunguje – tlačítko bez popisu, obrázek bez alternativního textu, formulář, který nejde ovládat klávesnicí. V této lekci vysvětlím, co přístupnost je, proč na ní záleží a co jako webový tvůrce můžeš udělat.

Co je přístupnost webu?

Přístupnost webu (anglicky web accessibility) znamená, že webové stránky a aplikace může používat každý člověk – bez ohledu na to, zda vidí, slyší, pohybuje se nebo přemýšlí jinak než většina.

Přístupný web neznamená „speciální verzi pro postižené“. Znamená web navržený tak, aby fungoval pro všechny – a přitom byl lepší i pro uživatele bez postižení. Klávesnicová navigace pomáhá nevidomým, ale ocení ji i power user, který nechce sahat na myš. Titulky k videu jsou nezbytné pro neslyšící, ale pomáhají i lidem v hlučném prostředí.

Koho se přístupnost týká?

Přístupnost není záležitost malé menšiny. Podle odhadů Světové zdravotnické organizace žije na světě přes miliardu lidí s nějakým typem postižení. V České republice tvoří osoby se zdravotním postižením přibližně 10 % populace. A to ještě nezapočítáváme situační omezení – ruku v sádře, rozbité brýle nebo použití telefonu na přímém slunci.

Skupiny uživatelů, jimž přístupnost nejvíce pomáhá:

  • Nevidomí a slabozrací – používají odečítače obrazovky (VoiceOver, NVDA, JAWS) nebo zvětšení obrazovky.
  • Neslyšící a nedoslýchaví – potřebují titulky a textové alternativy k audiu.
  • Uživatelé s motorickým postižením – ovládají počítač pouze klávesnicí, hlasem nebo speciálními pomůckami.
  • Uživatelé s kognitivními obtížemi – dyslexie, poruchy koncentrace nebo paměti; oceňují jasnou strukturu a srozumitelný text.
  • Starší uživatelé – kombinace výše uvedeného, navíc sníženáobratnost prstů nebo zhoršený zrak.

WCAG – mezinárodní standard přístupnosti

Přístupnost webu má svůj mezinárodní standard: WCAG (Web Content Accessibility Guidelines), vydávaný organizací W3C. WCAG definuje kritéria přístupnosti na třech úrovních:

  • Úroveň A – základní minimum. Nesplnění těchto kritérií prakticky znemožňuje použití stránky.
  • Úroveň AA – standard, který vyžadují zákony v mnoha zemích, včetně ČR pro veřejné instituce.
  • Úroveň AAA – nejvyšší stupeň, jehož splnění je pro obecné weby velmi náročné.

WCAG je postaveno na čtyřech principech, zkratkou POUR:

  • Perceivable (Vnímatelný) – obsah musí být dostupný alespoň jedním smyslem.
  • Operable (Ovladatelný) – rozhraní musí být ovladatelné různými způsoby, nejen myší.
  • Understandable (Srozumitelný) – obsah a ovládání musí být pochopitelné.
  • Robust (Robustní) – obsah musí fungovat s různými technologiemi, včetně odečítačů obrazovky.

Základy přístupného HTML

Dobrá zpráva: velkou část přístupnosti zvládneš tím, že správně používáš HTML. Není potřeba žádná magie. Stačí dodržet několik základních pravidel:

  • Používej správné sémantické tagy (<nav>, <main>, <header>, <footer>, <button>).
  • Každý obrázek má atribut alt s popisem obsahu.
  • Nadpisy jsou v logickém pořadí – <h1>, <h2>, <h3> – a nepřeskakují úrovně.
  • Formulářová pole mají přiřazený popisek přes <label>.
  • Každý interaktivní prvek je dostupný klávesnicí.
  • Barvy nejsou jediným způsobem, jak přenést informaci.

Tip od Zdeňka

Zdeněk radí: Přístupnost není formalita ani zvláštní funkce navíc. Je to způsob, jakým weby mají fungovat od základu. Nevytvářej přístupnost jako záplatu na hotový web – mysli na ni od první řádky kódu. A pokud chceš vědět, jak váš web skutečně vypadá pro nevidomého uživatele, zapni si VoiceOver, zavři oči a zkus stránku projít pouze klávesnicí. Zažiješ věci, které vás nikdy nenapadly.