Přístupnost webu v Česku — praktické návody
Zjistěte, jak vytvářet webové stránky, které jsou skutečně přístupné všem. WCAG 2.1, klávesnicová navigace, čtečky obrazovky — vše podrobně vysvětleno pro české vývojáře a firmy.
Přístupnost není luksus, je to povinnost
V České republice je asi 1,2 milionu lidí se zrakovým postižením. Dalších 800 tisíc má problémy se sluchem. Vaše webová stránka by pro ně měla být stejně použitelná jako pro kohokoli jiného.
Nevidomí uživatelé
Používají čtečky obrazovky jako NVDA nebo JAWS. Váš web musí mít správný HTML markup a ARIA atributy.
Navigace bez myši
Někdo má artritidu nebo poranění páteře. Tab order, focus stavy a skip linky jsou nezbytné.
Sluchové postižení
Videa bez titulků jsou nepoužitelná. Přepisy a alternativní obsah pomáhají všem.
Mobilní uživatelé
Nejsou to jen lidi s postižením. Malá obrazovka, sluneční svit, pomalý internet — to je přístupnost.
Kompletní vzdělávací materiál
Máme všechno, co potřebujete vědět. Od základů WCAG přes praktické implementace až po testování s opravdovými nástroji.
WCAG 2.1 Fundamenty
Čtyři pilíře přístupnosti: vnímatelnost, ovladatelnost, srozumitelnost, robustnost. Příklady na skutečných projektech.
Sémantický HTML
Správné tagy, správná struktura. Jak psát HTML, aby jej čtečky obrazovky správně interpretovaly.
ARIA atributy
Accessible Rich Internet Applications. Jak oživit své interaktivní prvky bez ztráty přístupnosti.
Fokus management
Tab order, viditelné focus stavy, skip linky. Uživatelé bez myši si vás budou chválit.
Čtečky obrazovky
NVDA, JAWS, VoiceOver — jak testovat a optimalizovat pro každou z nich. Praktické návody.
Právní aspekty
Zákon o přístupnosti webových stránek, GDPR a přístupnost. Jaké máte povinnosti.
Začněte zde
Tři články, které vám poskytnou pevný základ pro pochopení přístupnosti webu.
WCAG 2.1 — Praktický začátek pro vývojáře
Zaměřujeme se na čtyři pilíře přístupnosti: vnímatelnost, ovladatelnost, srozumitelnost a robustnost. Praktické příklady na skutečných projektech.
Přečíst článek
Navigace pomocí klávesnice — kompletní průvodce
Jak zajistit, aby se uživatelé bez myši mohli pohybovat po vaší stránce. Tab order, focus stavy, skip linky — vše podrobně vysvětleno.
Přečíst článek
Čtečky obrazovky — design pro nevidomé uživatele
Seznamte se s NVDA, JAWS a VoiceOver. Jak testovat kompatibilitu vašeho webu s těmito nástroji a psát sémantický HTML kód.
Přečíst článekVaše cesta k přístupnému webu
Není to složité. Pojďte krok za krokem. Každý krok je jednoduchý a zvládnete jej sami.
Naučte se WCAG 2.1
Začněte s našimi průvodci. Pochopte, co znamená každý bod kontroly. Není to abstraktní teorie — všechno je praktické.
Testujte s čtečkami
Stáhněte si NVDA (zdarma) a vyzkoušejte svůj web s vypnutým monitorem. To vám otevře oči.
Opravte a optimalizujte
Podle toho, co jste zjistili. Přidejte ARIA atributy, zlepšete HTML strukturu, zajistěte klávesnicový přístup.
Ověřte soulad
Používejte nástroje jako axe DevTools nebo Lighthouse. Dosáhněte AA úrovně WCAG 2.1.
Čísla, která mluví
Přístupnost není jen pro menšinu. Týká se nás všech.
lidí se zrakovým postižením v Česku
lidí se sluchovým postižením
webů splňujících WCAG AA standard
větší konverze s přístupným webem
Proč je to důležité i pro vás
Přístupnost není jen altruismus. Je to dobrá praxe pro všechny.
Lepší SEO
Přístupný web je lépe strukturovaný. Google to miluje. Vaše stránka se bude lépe hodnotit v hledání.
Více návštěvníků
Starší lidé, lidi se slabozrakem, lidi s Parkinsoneovou nemocí — všichni mohou váš web používat.
Právní ochrana
Splnění Zákona o přístupnosti webových stránek. Vyvarujete se pokut a právních problémů.
Lepší user experience
Přístupný web je intuitivnější pro všechny. Čistší design, lepší navigace, jasné zprávy o chybách.
Odpovědi na vaše otázky
Jsou zde nejčastější otázky, které slyšíme od vývojářů a projektantů.
Je přístupnost povinná v Česku?
Ano. Zákon o přístupnosti webových stránek (č. 365/2021 Sb.) požaduje, aby webové stránky státních institucí a některých firem byly přístupné. Měly by splňovat WCAG 2.1 úroveň AA.
Zvýší to náklady na vývoj?
Ne tolik, kolik si myslíte. Když budujete správně od začátku, není to dražší. Jde o vědomí a malé návyky. Naopak — později to opravovat je mnohem dražší.
Jak testovat přístupnost?
Existují nástroje: axe DevTools, Lighthouse, WAVE. Ale nejlepší je testovat s opravdovými čtečkami obrazovky. NVDA je zdarma. Stáhněte si ji a vyzkoušejte.
Je to složité na učení?
Ne. Základy jsou jednoduché. Správný HTML, myšlení na přístupnost při návrhu, testování. Není potřeba expert. Potřebujete jen pořádek a vědomí.
Kde najdu pomoc?
Zde. Máme průvodce, články a praktické příklady. Komunita českých vývojářů se také zajímá o přístupnost. Nebudete sami.
Jaká je správná úroveň WCAG?
Zákon požaduje AA. To je dobrý cíl pro všechny. AAA je pro speciální případy. Začněte s AA a budete v pořádku.
Jste připraveni začít?
Přístupnost webu je cesta, ne cíl. Začněte malými kroky. Čtěte naše průvodce, testujte s čtečkami, učte se. Jsme tu, aby vám pomohli.
Kontaktujte nás