Webová přístupnost jednoduše
Modální okno (nebo dialog) je skvělý pomocník, pokud ho použiješ správně. Můžeš s ním upozornit na důležitou informaci, požádat o potvrzení nebo nabídnout krátký formulář, aniž bys opustil aktuální stránku. Stejně snadno se ale může stát noční můrou, pokud je použito špatně nebo nadměrně.
Při tvorbě webových stránek se často setkáváme s otázkou, kdy použít HTML element <a> a kdy <button>. Na první pohled se může zdát, že rozdíl není velký – obojí může vypadat jako odkaz (link) nebo tlačítko. Pro přístupnost, použitelnost a správnou sémantiku je však rozdíl mezi elementy zásadní.
Od 28. června 2025 budou muset výrobci, poskytovatelé digitálních služeb i e-shopy zajistit, aby jejich produkty a služby byly přístupné i lidem se zdravotním znevýhodněním. Jinak hrozí sankce a hlavně ztráta důvěry a konkurenceschopnosti. Dobrá zpráva: když se na EAA připravíš včas, je to spíš příležitost než problém.
Přístupnost webů je téma, které se poslední roky dostává do popředí – ať už kvůli novým zákonům, nebo prostě proto, že chceme, aby naše weby zvládl používat každý. A právě v tomhle směru ti může pomoct strom přístupnosti (Accessibility Tree), který najdeš přímo ve vývojářských nástrojích v Chromu.
Aby byl web opravdu přístupný, nestačí jen to, že každý <img> má atribut alt. Prázdný alt sice zajistí, že stránka bude validní, ale rozhodně tím nemáš vyhráno. Naopak – nevhodný nebo nesmyslný text v alt popisku může uživatelům se čtečkou obrazovky spíš uškodit než pomoct.
Webová přístupnost se zabývá tím, jak dělat weby použitelné pro všechny – i pro lidi se zrakovým, sluchovým nebo jiným omezením. Nejde jen o technické normy a zákonné povinnosti, ale hlavně o snahu, aby se každý uživatel na webu dokázal pohodlně zorientovat a ovládat ho bez překážek. Proč je to důležité? A koho všechno se přístupnost vlastně týká?