Accessibility: Web pro každého
Únor 2026
Tento týden jsem se nezaměřoval na složité algoritmy, ale na to, aby můj kód mohl používat opravdu každý. Prošel jsem si sérii lekcí o přístupnosti (Accessibility) a sémantice webu.
Ukazuje se, že psát “funkční” kód nestačí. Pokud web není přístupný, odříznete tím kus uživatelů, kteří používají čtečky obrazovky nebo se navigují jen pomocí klávesnice.
Co jsem se naučil?
Zde je rychlý přehled klíčových konceptů z lekcí:
- Sémantické HTML: Používání správných tagů jako
<main>,<nav>nebo<article>dává prohlížeči a asistivním technologiím jasnou strukturu webu. - WCAG (Web Content Accessibility Guidelines): Standardy, které definují, jak má vypadat přístupný obsah (kontrast barev, velikost prvků, srozumitelnost).
- Keyboard Navigation: Zajištění, že se uživatel dostane ke všem interaktivním prvkům pomocí klávesy
Tab. - WAI-ARIA: Atributy, které doplňují informace tam, kde standardní HTML nestačí (např. u složitých dynamických prvků).
Příklad v praxi
Místo generických divů se teď snažím psát kód, který má jasný význam:
<div class="header" onclick="goToHome()">Můj Web</div>
<header>
<nav>
<a href="/" aria-label="Domovská stránka">Můj Web</a>
</nav>
</header>