Standardy WCAG 2.1 jednoduše vysvětleny
Jak porozumět čtyřem pilířům dostupnosti — vnímatelnosti, ovladatelnosti, srozumitelnosti a robustnosti. Praktický přehled pro vývojáře.
Přečíst víceWebová dostupnost a inkluzivní design
Průvodce standardy WCAG a přístupnými navigačními vzory pro českou digitální sféru. Naučte se vytvářet weby, které jsou opravdu přístupné všem.
Prozkoumat články
Klíčové články a průvodce
Užitečné zdroje pro porozumění standardům webové dostupnosti a jejich praktické implementaci
Asistivní technologie a jejich role v přístupu
Přehled čteček obrazovky, zástupců klávesnice a dalších nástrojů. Jak optimalizovat web pro uživatele s handicapem.
Přečíst více
Inkluzivní design — od konceptu k realitě
Principy tvorby webů pro všechny. Barevné kontrasty, typografie a navigace, která funguje bez myši. Návod na začátek.
Přečíst více
Testování dostupnosti — praktické nástroje a metody
Seznamte se s bezplatnými nástroji pro kontrolu dostupnosti. Automatizované testování i manuální ověřování funkčnosti webu.
Přečíst víceProč je dostupnost důležitá
“Webová dostupnost není jen pro lidi se zdravotním postižením. Když tvoříte web pro osobu se zrakovým postižením, věci se zlepšují i pro lidi s poruchou pozornosti nebo těm, kteří si čtou text v ruštině. Je to prostě lepší design pro všechny.”
V České republice je přibližně 2,5 milionu lidí se zdravotním postižením. Mnoho z nich používá internet pro práci, vzdělání a komunikaci. Když vytvoříte web bez myšlenky na dostupnost, fakticky znemožňujete těmto lidem přístup ke vašему obsahu.
Není to jen o etice. Weby vytvořené s ohledem na dostupnost jsou rychlejší, lépe se indexují vyhledávači a mají lepší uživatelský zážitek pro všechny. Startování v dostupnosti se vyplatí — ne jen morálně, ale i obchodně.
Klíčové praktiky pro přístupnou navigaci
Konkrétní kroky, které můžete aplikovat na svůj web hned dnes
1
Sémantický HTML
Používejte správné HTML prvky — nadpisy, seznamy, tlačítka. Ne všechno jako <div>. Čtečky obrazovky se pak lépe orientují.
2
Dostatečné kontrasty
Minimálně poměr 4,5:1 mezi textem a pozadím. Můžete to zkontrolovat bezplatnými nástroji — není to těžké a výrazně to zlepší čitelnost.
3
Klávesnicová navigace
Všechny prvky musí být dosažitelné pomocí klávesy Tab. Mnoho lidí nepoužívá myš — z důvodu postižení nebo jednoduše z preference.
4
Alt texty pro obrázky
Krátké, jasné popisy toho, co je na obrázku. Čtečky obrazovky to přečtou lidem, kteří nevidí. Je to základní, ale zásadní.