Co znamená ARIA (Accessible Rich Internet Applications)?

ARIA je soubor speciálních atributů, které lze přidat do HTML kódu a jejichž úkolem je "zpřístupnit" webový obsah lidem se zdravotním postižením, kteří používají asistenční technologie (například odečítače obrazovky). Je to v podstatě dodatečná informační vrstva, která těmto technologiím popisuje, co se na stránce děje, jaký význam mají jednotlivé prvky a jak se ovládají –⁠ zejména ty, které nejsou standardní součástí HTML.

Moderní webové aplikace jsou plné dynamických a interaktivních prvků, jako jsou vlastní rozbalovací menu, posuvníky, záložky nebo obsah, který se mění bez znovunačtení stránky. Pro vidícího uživatele je jejich funkce jasná, ale pro odečítač obrazovky může být takový prvek naprosto neviditelný nebo nesrozumitelný. A právě zde nastupuje ARIA, která dokáže "říct": "Pozor, tento <div> se ve skutečnosti chová jako tlačítko" (pomocí atributu role="button") nebo "Tento prvek je momentálně sbalený" (pomocí aria-expanded="false").

Z pohledu UX je implementace ARIA naprostou nutností pro vytváření inkluzivních a skutečně univerzálně použitelných webů. Není to jen o splnění legislativních požadavků na přístupnost, ale o základní princip, že dobrý design má sloužit všem uživatelům bez rozdílu. Ignorování ARIA znamená vědomě vyloučit významnou část populace z možnosti plnohodnotně používat váš produkt.