Přes 96 procent nejnavštěvovanějších webů má na úvodní stránce zjistitelné chyby přístupnosti. Toto číslo pochází z každoroční studie přístupnosti od WebAIM, která ročně testuje miliony stránek. Přístupný design webu není výchozí stav. Musí se vytvářet záměrně a na většině firemních webů tomu tak nebylo.
Přístupný design webu znamená strukturovat a vytvářet web tak, aby ho lidé s postižením mohli vnímat, procházet a efektivně s ním pracovat. Patří sem lidé se zrakovým postižením, kteří používají čtečky obrazovky, lidé s pohybovým postižením, kteří web ovládají klávesnicí místo myši, lidé se ztrátou sluchu, kteří potřebují titulky u zvukového a video obsahu, a lidé s kognitivním postižením, kterým pomáhají jasná a jednotná rozvržení.
Přístupnost není funkce přidaná na konci tvorby. Je to soubor rozhodnutí o designu a vývoji, učiněných v průběhu celé práce, který určuje, zda web mohou používat všichni návštěvníci, nejen ti bez postižení.
Kterým návštěvníkům přístupný design webu slouží?
Světová zdravotnická organizace odhaduje, že s nějakou formou postižení žije přes 1,3 miliardy lidí. To je zhruba 16 procent světové populace. Navrhovat pro přístupnost znamená navrhovat pro významnou část vašeho potenciálního publika.
Přínosy sahají dál než k uživatelům s trvalým postižením. Návštěvník, který používá telefon na ostrém slunci, vidí hůř. Někdo s dočasným zraněním může web ovládat klávesnicí. Uživatel, který sleduje video v hlučném prostředí, potřebuje titulky, aby mohl sledovat. Zlepšení přístupnosti slouží dočasným a situačním omezením stejně jako trvalým. Web vytvořený jako přístupný funguje lépe pro mnohem širší okruh lidí.
Existuje i právní rozměr. V mnoha zemích, včetně Spojených států, jsou firmy ze zákona povinné poskytovat rovný přístup ke svým službám. Weby se staly předmětem žalob kvůli přístupnosti a počet právních kroků kvůli přístupnosti webů každým rokem stabilně roste. Článek jak zajistit, aby váš web splňoval ADA popisuje, co právní požadavky znamenají v praxi pro firemní weby.
Jaké jsou standardy přístupnosti WCAG?
Web Content Accessibility Guidelines, známé jako WCAG, jsou mezinárodně uznávané standardy přístupnosti webu. Zveřejňuje je World Wide Web Consortium a WCAG definuje tři úrovně shody. Úroveň A je minimální základ. Úroveň AA je standard, na který odkazuje většina právních rámců, a praktický cíl pro firemní weby. Úroveň AAA je nejrozsáhlejší a na celém webu se vyžaduje jen zřídka.
WCAG je organizováno kolem čtyř základních principů, které se označují zkratkou POUR.
Vnímatelné (Perceivable)
Veškerý obsah musí být prezentován způsoby, které uživatelé mohou vnímat. Textové alternativy k obrázkům umožňují čtečkám obrazovky popsat vizuální obsah uživatelům, kteří ho nevidí. Titulky a přepisy zpřístupňují zvuk a video lidem se ztrátou sluchu. Dostatečný barevný kontrast zajišťuje, že text je čitelný pro lidi se slabým zrakem nebo barvoslepostí.
Ovladatelné (Operable)
Veškerou funkčnost musí být možné ovládat klávesnicí, nejen myší nebo dotykovou obrazovkou. Navigace musí být předvídatelná. Uživatelé musí mít dost času na čtení obsahu a práci s ním bez časového tlaku. Blikající obsah, který by mohl vyvolat záchvaty, se musí vyloučit nebo ovládat.
Srozumitelné (Understandable)
Obsah a navigace musí být čitelné a srozumitelné. Jazyk stránky musí být uveden, aby čtečky obrazovky použily správná pravidla výslovnosti. Chybová hlášení ve formulářích musí vysvětlit, co se pokazilo a jak to opravit. Navigace se musí na všech stránkách chovat stejně, aby uživatelé mohli předvídat, kde se ovládací prvky nacházejí.
Robustní (Robust)
Obsah musí spolehlivě fungovat se současnými i budoucími asistivními technologiemi. To znamená používat platný, sémantický HTML kód, aby čtečky obrazovky a další nástroje správně interpretovaly strukturu stránky. Tlačítka musí být v kódu tlačítky. Nadpisy musí dodržovat logickou hierarchii a nesmí se vybírat jen podle vizuální velikosti. Článek co je vizuální hierarchie vysvětluje, jak struktura nadpisů a vizuální váha spolupracují na stránce.
Jaké jsou nejčastější problémy s přístupností webu?
Analýza přístupnosti od WebAIM určuje šest typů chyb, které se objevují na naprosté většině testovaných stránek. Nejčastější je chybějící alternativní text u obrázků. Druhá je nízký barevný kontrast mezi textem a pozadím. Zbytek tvoří chybějící popisky formulářových polí, prázdné odkazy, chybějící údaj o jazyce dokumentu a prázdná tlačítka.
U firemních webů jsou praktickými výchozími body textové alternativy ke všem smysluplným obrázkům, dostatečný kontrast všech textových prvků, jasné popisky u každého pole formuláře a logická struktura nadpisů na každé stránce.
Další častou mezerou je přístupnost navigace. Rozbalovací nabídky, které se aktivují jen přejetím myši, selhávají u uživatelů klávesnice. Odkazy s textem „klikněte sem“ nebo „číst dál“ bez okolního kontextu selhávají u uživatelů čteček obrazovky, kteří web procházejí podle seznamu odkazů. Článek co je navigace webu popisuje, jak vytvořit navigaci, která funguje pro všechny způsoby ovládání a všechna zařízení.
Jak otestovat přístupnost webu?
Automatické nástroje dokážou rychle odhalit velkou část chyb přístupnosti. Rozšíření prohlížeče, která analyzují stránky podle kritérií WCAG, odhalí problémy s kontrastem, chybějící alternativní text a strukturální potíže bez jakéhokoli technického nastavení. Spustit automatickou kontrolu je rozumný první krok a zachytí nejčastější problémy na většině stránek.
Automatické testování má meze. Nedokáže spolehlivě posoudit, zda je alternativní text popisný, zda dává pořadí čtení smysl po odstranění CSS, nebo zda interaktivní prvky správně fungují se čtečkou obrazovky. Pro důkladný audit je nutné ruční testování. Projít klíčové stránky webu jen pomocí klávesnice, bez doteku myši, je rychlá kontrola, která okamžitě odhalí problémy s ovladatelností.
Pro komplexní audit je nejspolehlivějším přístupem testování se skutečnou asistivní technologií. Čtečky obrazovky jsou dostupné ve všech hlavních operačních systémech zdarma a projití důležitých stránek webu s aktivní čtečkou odhalí problémy, které automatické nástroje úplně minou.
Jak přístupnost ovlivňuje SEO?
Mnoho postupů přístupnosti přímo podporuje SEO. Alternativní text u obrázků dává kontext vyhledávačům, které vizuální obsah neumějí interpretovat. Logická struktura nadpisů pomáhá vyhledávačům pochopit, jak je stránka uspořádaná. Popisný text odkazů dává vyhledávačům smysluplný kotvový text místo obecných frází. Stránky, které lze ovládat klávesnicí a mají čistou strukturu, mívají obecně lepší výsledky v signálech uživatelského zážitku.
Ten překryv není náhodný. Přístupnost i SEO jsou v jádru o tom, aby byl obsah dostupný a srozumitelný pro širší okruh uživatelů a systémů. Zlepšení v jedné oblasti často prospívá i druhé. Článek co je SEO vysvětluje, jak vyhledávače hodnotí kvalitu stránek a kde se postupy přístupnosti protínají se signály pro řazení.
Jak WEMASY řeší přístupnost
Tvůrce webů WEMASY generuje sémantický HTML kód a uplatňuje struktury nadpisů v logickém pořadí. U všech obrázků jsou pole pro alternativní text, takže popisy lze přidat bez úprav kódu. Šablony jsou vytvořené podle standardů barevného kontrastu WCAG AA, takže výchozí design projde bez ručních úprav. Ovládání klávesnicí a velikost dotykových cílů na mobilu řeší platforma, takže není potřeba žádná samostatná konfigurace.
Podívejte se, co je zahrnuto, na stránce tvůrce webů WEMASY, nebo si prohlédněte tarify na stránce s cenami.
Často kladené otázky
Je přístupnost webu zákonným požadavkem?
Ve Spojených státech zákon Americans with Disabilities Act vyžaduje, aby firmy poskytovaly rovný přístup ke svým službám, a soudy i ministerstvo spravedlnosti potvrdily, že se to vztahuje i na weby. Směrnice Evropské unie o přístupnosti webů a evropský akt o přístupnosti ukládají podobné požadavky. Právní situace se liší podle země a typu firmy, ale pro každou firmu, která slouží veřejnosti, přináší pokládání přístupnosti za volitelnou právní riziko. S tvůrcem webů WEMASY to můžete nastavit přímo na svém webu.
Jaký je rozdíl mezi WCAG A, AA a AAA?
WCAG má tři úrovně shody. Úroveň A pokrývá minimální požadavky, které by měl splňovat veškerý webový obsah. Úroveň AA přidává konkrétnější kritéria kolem barevného kontrastu, přístupnosti z klávesnice a zpracování chyb ve formulářích. Je to úroveň, na kterou odkazuje většina právních rámců, a praktický cíl pro firemní weby. Úroveň AAA je nejrozsáhlejší a jako plošný standard se obecně nevyžaduje, protože některá kritéria nelze splnit u všech typů obsahu.
Zpomalí zpřístupnění webu jeho načítání?
Ne. Přidání alternativního textu, zlepšení struktury nadpisů a zvýšení barevného kontrastu nemají na dobu načítání stránky žádný vliv. Některé doplňky přístupnosti, například přepisy video obsahu, zahrnují další soubory, ale základní postupy přístupnosti, které platí pro většinu firemních webů, jsou strukturální a textové změny bez dopadu na výkon.
Jak velká část webu musí být přístupná?
Celý. Přístupnost se týká každé stránky, na kterou se návštěvník může dostat, včetně stránek produktů, kontaktních formulářů, postupu pokladnou i všech dokumentů ke stažení. Úvodní stránka, která projde testem přístupnosti, zatímco kontaktní formulář neprojde, je pořád nepřístupný zážitek pro uživatele, kteří to potřebují. Audity přístupnosti by měly pokrývat celou cestu uživatele pro klíčové úkoly, které může návštěvník provést, ne jen úvodní stránku.
Co je prohlášení o přístupnosti?
Prohlášení o přístupnosti je stránka, která popisuje aktuální úroveň shody webu s požadavky přístupnosti, uvádí známá omezení a poskytuje kontaktní údaje pro uživatele, kteří narazí na problémy. Je to opatření transparentnosti, ne právní štít. Mnoho předpisů o přístupnosti ho vyžaduje nebo doporučuje a uživatelům s postižením signalizuje, že se na přístupnost myslelo. Prohlášení je nejužitečnější, když se udržuje aktuální a odráží skutečný stav webu.