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 článek
Průvodce dostupností
Webová dostupnost pro všechny
Pochopte standardy WCAG, asistivní technologie a principy inkluzivního designu. Praktické návody pro české vývojáře a designéry.
50+
Článků
WCAG 2.1
Standardy
15+
Témat
Proč je dostupnost důležitá
Webová dostupnost není zbytečnost. Je to zákonný požadavek a především morální povinnost. Když vytvoříte web bez bariér, pomáhá to lidem s postižením, seniorům, ale také všem ostatním — třeba na mobilu v slunečnici nebo se slabou připojením.
Postupně se snažíme mapovat českou krajinu přístupnosti. Jak to funguje v praxi? Co dělají firmy, které se jí berou vážně? Kde jsou největší chyby? Právě na tyto otázky vám chceme odpovědět.
Nejdůležitější články
Začněte zde. Tyto průvodce pokrývají základy a praktické tipy.
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 článek
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 článekJak na to
Procesem k přístupnějšímu webu
01
Pochopte standardy
Seznamte se se čtyřmi pilíři WCAG — vnímatelnost, ovladatelnost, srozumitelnost a robustnost. Není to tak složité, jak se zdá.
02
Otestujte se skutečnými uživateli
Nejlepší test není automatizovaný nástroj. Zkuste web s čtečkou obrazovky. Používejte klávesnici místo myši. Vidíte problémy?
03
Iterujte a zlepšujte
Dostupnost není jednorázová práce. Je to průběžný proces. Měřte, učte se, opravujte chyby a opakovejte.
Klíčové principy inkluzivního designu
Návod, jak myslet na všechny od začátku
Vnímatelnost
Informace musí být viditelné. Dostatečné kontrasty, čitelná písma, popisky k obrázkům — tohle všechno patří sem.
Ovladatelnost
Web musí jít ovládat bez myši. Klávesnice, hlasové příkazy, přepínače — všechny způsoby musí fungovat stejně dobře.
Srozumitelnost
Jazyk musí být jasný. Jednoduché slova, logická struktura, jasné navigace. Nikdo by neměl hádat, co se děje.
Robustnost
Váš web by měl fungovat se starými prohlížeči, čtečkami a asistivními technologiemi. Budoucuvzdorný kód je důležitý.
Proč se dostupností zabývat
Fakta a čísla, která stojí za pozornost
15 %
obyvatel Česka má nějakou formu postižení. Miliony lidí potřebují přístupné weby.
1 miliarda
lidí globálně má postižení. Přístupný web není okrajová záležitost.
4:1
minimální poměr kontrastu pro normální text. Bez toho není web čitelný.
30 %
webů se nedá plně ovládat klávesnicí. To je chyba, kterou je snadné opravit.
Témata, která pokrýváme
Od základů po pokročilé techniky
Strukturovaný HTML a sémantika
ARIA atributy a jejich správné použití
Barevné kontrasty a čitelnost
Navigace bez myši — klávesnice a přepínače
Formuláře, které všichni mohou vyplnit
Testování s asistivními technologiemi
Chcete se dozvědět více?
Máte otázky? Chcete diskutovat o dostupnosti na vašem projektu? Ozvěte se nám. Jsme tu proto, abychom pomohli.
Kontaktujte nás