cs cs en cs cs eo cs cs cs cs de sl pt en cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs hbs_lat cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs en cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs hbs_lat cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs cs en cs hbs_lat cs sl hbs_lat cs es cs en cs de cs en cs it es cs cs
Upozornění: Tento dokument není WCAG 2.0. Jedná se o jednoduchý seznam, jehož smyslem je prezentovat principy a techniky metodiky WCAG 2.0 srozumitelnějším a snáze pochopitelným způsobem. Jazyk dokumentu byl významně změněn a zjednodušen oproti oficiální specifikaci WCAG 2.0 proto, aby její požadavky bylo možné snadněji otestovat.
Kontrolní seznam pro WCAG 2.0 je překlad dokumentu WebAIM's WCAG 2.0 Checklist for HTML documents, nejedná se o závazná Pravidla pro tvrobu přístupného webu.
Pokyny pro použití tohoto dokumentu
Ačkoliv může být tento dokument velmi užitečný při testování přístupnosti a vyhovění požadavkům WCAG, doporučujeme v případě potřeby ověření shody s aktuálními požadavky WCAG 2.0 použít originální dokumentaci.
Tento kontrolní seznam není vhodný k tomu, aby na něj bylo odkazováno v oficiálním prohlášení o přístupnosti.
Přestože je tento dokument užitečným zdrojem informací pro technické splnění požadavků WCAG na obsah v HTML, není plnohodnotným seznamem zásad přístupnosti. Oficiální dokumentace WCAG 2.0 poskytuje účinné nástroje při prosazování zásad nebo zákonů týkajících se přístupnosti webu.
Oficiální dokumentace WCAG 2.0 se zabývá přístupností veškerého webového obsahu a nezaměřuje se na jednu konkrétní technologii.
Tento kontrolní seznam se však zaměřuje především na testování obsahu v HTML a není proto narozdíl od oficiální dokumentace zcela vyčerpávající a relevantní vzhledem k ostatním technologiím.
Tento seznam obsahuje výklad WCAG pokynů a kritéria úspěšnosti a naše vlastní doporučené postupy pro splnění těchto kritérií. níže uvedené odkazy v prvním sloupci tabulky odkazují na neautorizovaný český překlad WCAG 2.0. Pro ověření shody s WCAG 2.0 mohou být použity pouze oficiální pokyny.
Český překlad: Radek Pavlíček, Roman Kabelka, Martin Baláž, Zdeněk Rybák
TyfloCentrum Brno, o. p. s., říjen 2009
Překlad dokumentu vznikl pod hlavičkou projektu Blind Friendly Web.
Tento dokument byl použit jako příloha smlouvy o dílo s názvem Analýza a konzultace pro implementaci mezinárodní normy WCAG 2.0 jako standardu a prostředku pro sjednocení přístupnosti nejen internetového obsahu pro prostředky asistivních technologií projektu ATIS4all.
Je pro vás tento dokument užitečný? Pokud ano, mohl by vás také zajímat český překlad části metodiky WCAG 2.0.
Textové alternativy: Každý netextový obsah má definovánu textovou alternativu.
Všechny obrázky, obrázková formulářová tlačítka a části obrázkových map mají relevantní textovou alternativu.
Obrázky, které nejsou obsahově významné, slouží jako dekorace nebo nesou obsah, který už je obsažen v textu, mají atribut alt prázdný (alt=““) nebo jsou schovány na pozadí pomocí CSS. Všechny obrázky, které slouží jako odkazy, mají alternativní textový popisek, který vystihuje cíl odkazu.
Ekvivalentní alternativy ke komplexním obrázkům jsou součástí kontextu, v němž jsou obrázky zobrazeny, nebo jsou na samostatné stránce (na niž vede odkaz nebo je na ni odkázáno v atributu longdesc).
Formulářová tlačítka mají výstižné popisky.
Formulářové prvky mají řádně přiřazeny textové popisky pomocí značky label, nebo, pokud nelze použít label, jsou popisky definovány v atributu title.
Vložené multimediální prvky jsou identifikovány prostřednictvím přístupné textové alternativy.
Rámce mají definovány výstižné titulky.
Multimediální prvky závisející na čase: Multimediální prvky závisející na čase opatřete alternativami.
POZNÁMKA:Pokud je audio nebo video alternativou k obsahu webu (například audio verze nebo verze ve znakovém jazyce), potom web samotný slouží jako alternativa.
1.2.1 Pouze audio a pouze video (předtočené)
Pro předtočené audio, prezentované na webu (podcasty, MP3 soubory) je poskytnut výstižný textový přepis.
Předtočené video nebo video prezentované na webu je opatřeno textovým nebo audio popisem (například video, které nemá audio stopu).
Předtočené video nebo video prezentované na webu (video na YouTube, atp.) je opatřeno synchronizovanými titulky.
1.2.3 Audio popis nebo alternativa pro multimediální prvek (předtočené)
Předtočené video nebo video prezentované na webu je opatřeno textovým přepisem NEBO audio popisem obsahu videa.
Synchronizované titulky jsou poskytnuty pro všechna živá multimedia, která obsahují audio (vysílání audio záznamů, podcasty, videokonference, Flash animace).
Audio popisy jsou poskytnuty pro veškerý video obsah. Poznámka: Požaduje se pouze v případě, kdy video obsahuje vizuální informace, které nemají alternativu v hlavní zvukové stopě.
1.2.6 Znakový jazyk (předtočené)
Video ve znakovém jazyku je poskytnuto jako alternativa k jakémukoliv multimediálnímu obsahu, který obsahuje audio.
1.2.7 Rozšířený audiopopis (předtočené)
Pokud k video záznamu nelze přidat audio stopu s audio popisem kvůli časování (například primární audio stopa neobsahuje žádná tichá místa), je k dispozici alternativní verze videa s tichými místy v audio stopě, které umožňuje přidání audio stopy s audio popisem.
1.2.8 Alternativa pro multimediální prvky (předtočené)
Pro všechny předtočené multimediální prvky, které obsahují video stopu, je poskytnut popisný přepis textu.
1.2.9 Pouze audio (živě)
Pro veškerý živý obsah, který obsahuje audio, je poskytnut popisný textový přepis (například přepis živého audia).
Přizpůsobitelné: Vytvořte obsah, který lze prezentovat více způsoby (např. zjednodušený vzhled), aniž by přitom došlo ke ztrátě informací či narušení struktury.
1.3.1 Informace a vzájemné vztahy
Sémantické značky jsou použity pro nadpisy ( ), seznamy ( , , ), zdůrazněný nebo speciální text (například  ,  ,  ,  ), atd. Sémantické značky jsou použity v souladu se specifikací.
Tabulky jsou použity pro data. V případech, kdy je to potřeba, jsou buňky tabulky svázány s buňkami záhlaví, je vyznačen nadpis tabulky (caption) a popis toho, k čemu tabulka slouží (summary).
Formulářové prvky mají přiřazené relevantní popisky. Související formulářové prvky jsou seskupeny pomocí značek fieldset a legend.
Pořadí při čtení a navigaci (určeno pořadím kódu) je logické a intuitivní.
1.3.3 Vlastnosti na základě smyslového vjemu
Instrukce nejsou závislé na tvaru, velikosti nebo vizuálním umístění prvku (např. „Pro pokračování klikněte na čtvercovou ikonu.“ nebo Instrukce jsou v pravém sloupci.)
Instrukce nejsou závislé jen na zvuku (například „Pípání znamená, že můžete pokračovat.“)
Rozlišitelné: Usnadněte uživatelům slyšet a vidět obsah včetně odlišení popředí od pozadí.
Barva není použita jako jediný způsob pro rozlišení vizuálních prvků nebo sdělení informace.
Odkazy jsou odlišitelné od okolního textu. Pokud jsou odkazy odlišeny pouze barvou, je kontrastní poměr mezi odkazem a okolním textem alespoň 3:1 a další způsob odlišení (například podtržení) je poskytnut ve chvíli, kdy uživatel nad odkaz přemístí kurzor myši nebo se na něj přesune z klávesnice.
Pro audio, které hraje na stránce déle než 3 sekundy, je poskytnut mechanismus k jeho zastavení, pozastavení, úplnému vypnutí nebo regulaci hlasitosti.
Texty a texty ve formě obrázku mají kontrastní poměr alespoň 4,5:1.
Texty psané velkým fontem (větší jak 18 bodů u normálního písma nebo 14 bodů u tučného písma) mají kontrastní poměr alespoň 3:1.
1.4.4 Změna velikosti textu
Stránka je čitelná a funkční i při dvojnásobném zvětšení velikosti písma.
1.4.5 Text ve formě obrázku
Text není prezentován ve formě obrázku, pokud lze stejného vizuálního efektu docílit pouze pomocí textu.
Texty a texty ve formě obrázku mají kontrastní poměr alespoň 7:1.
Texty psané velkým fontem (větší jak 18 bodů u normálního písma nebo 14 bodů u tučného písma) mají kontrastní poměr alespoň 3:1.
1.4.7 Tlumený nebo žádný podkresový zvuk
Aby byla řeč srozumitelná, neobsahuje audio záznam mluveného slova žádný podkresový zvuk nebo je podkresový zvuk jen velmi slabý.
Bloky textu delší než jedna věta
nejsou širší než 80 znaků.
nejsou zarovnány do bloku.
mají adekvátní řádkování (nejméně 1/2 výšky písma) a mezery mezi odstavci (1,5 násobek výšky řádku).
mají definovánu barvu popředí a pozadí. Barvy mohou být definovány buď pro specifické prvky na stránce nebo pro stránku jako celek pomocí CSS (tím pádem převezmou tyto barvy i všechny ostatní prvky).
nevyžadují horizontální scrollování, když je text zvětšen na dvojnásobek.
1.4.9 Text ve formě obrázku (bez výjimek)
Text ve formě obrázku je použit pouze pro dekorační účely (obrázky nenesou žádnou informační hodnotu) NEBO v případě, kdy informace nelze prezentovat jen v textové podobě.
Formulářová rozhraní, ovládací prvky a navigace jsou ovladatelné
Přístupnost z klávesnice: Zajistěte, aby všechny funkce byly dostupné z klávesnice.
Veškeré funkce a úkony na stránce jsou přístupné z klávesnice. Výjimkou jsou situace, kdy tento úkon nelze z klávesnice provést (například psaní a kreslení rukou).
Klávesové zkratky a horké klávesy na stránce (horkým klávesám bychom se měli spíše vyhýbat) nejsou v konfliktu s existujícími klávesovými zkratkami prohlížeče a asistivní technologie
2.1.2 Žádná past na klávesy
Při procházení stránky pomocí klávesnice nezůstane kurzor zablokován na jednom prvku. Uživatel se může pomocí klávesnice přesunout na a z každého prvku, na nějž se lze z klávesnice dostat.
2.1.3 Klávesnice (bez vyjímek)
Veškeré úkony a funkce na stránce jsou dostupné z klávesnice.
Dostatek času: Poskytněte uživateli dostatek času k přečtení obsahu a práci s ním.
Pokud je na stránce definován časový limit, uživatel má možnost jej vypnout, upravit nebo prodloužit. Tento požadavek se netýká událostí, přímo závisejících na čase (například aukce), nebo událostí, u nichž je časový limit delší než 20 hodin.
2.2.2 Pauza, Stop, Skrýt
Automatický pohyb, blikání nebo posouvání obsahu, které trvá déle než 3 sekundy, může uživatel pozastavit, zastavit nebo skrýt. Pohyb, blikání nebo posouvání obsahu může být použito k upoutání pozornosti či zvýraznění obsahu, pokud trvá kratší dobu, než 3 sekundy.
Automaticky obnovovaný obsah (například automatické přesměrování nebo obnovení stránky; pole, obnovované přes AJAX; výstražné upozornění, atp.) může uživatel pozastavit, zastavit nebo skrýt nebo manuálně upravit časování těchto událostí.
Pro obsah nebo funkcionalitu stránky není stanoven žádný časový limit nebo omezení.
Přerušení (hlášky, aktualizace obsahu, atp.) mohu být odloženy nebo potlačeny uživatelem.
2.2.5 Aktualizace zabezpečeného obsahu
Pokud vyprší přihlášení, uživatel se může znovu přihlásit a pokračovat v činnosti bez ztráty dat.
Záchvaty: Vynechte z prezentace takové prvky, u nichž je známo, že mohou vyvolat záchvat.
2.3.1 Tři záblesky nebo podprahové blikání
Žádný obsah stránky nebliká více než třikrát za sekundu, s výjimkou situace, kdy blikající obsah je dostatečně malý, záblesky mají nízký kontrast a neobsahují příliš mnoho červené barvy.
Žádný obsah stránky nebliká více než třikrát za sekundu.
Snadná navigace: Usnadněte uživatelům navigaci, hledání konkrétního obsahu a určování aktuální pozice.
K dispozici je odkaz, umožňujíci přeskočit navigaci a další prvky stránky, které se opakují se na každé stránce.
Vhodné strukturování stránky pomocí nadpisů může být považováno za dostatečnou techniku místo odkazu Přejít na hlavní obsah. Je třeba míti na paměti, že navigace po nadpisech není podporována ve všech prohlížečích.
Pokud stránka je tvořena pomocí rámů a rámy jsou řádně opatřeny titulky (atribut title), jedná se o dostatečnou techniku, umožňující přeskočit jednotlivé rámy.
2.4.2 Každá stránka má titulek
Webová stránka má popisný a výstižný titulek.
2.4.3 Pořadí procházení prvků
Pořadí procházení odkazů, formulářových prvků, atp. je logické a intuitivní.
2.4.4 Účel odkazu v kontextu
Účel každého odkazu (nebo formulářového obrázkového tlačítka nebo části obrázkové klikací mapy) může být určen ze samotného textu odkazu, nebo z textu odkazu a jeho kontextu (odstavce, položky seznamu, buňky tabulky nebo záhlaví tabulky).
Odkazy (nebo formulářová obrázková tlačítka), které mají stejný text, ale vedou na různá místa, jsou snadno odlišitelné.
Další webové stránky v rámci webové prezentace lze nalézt nejméně dvěma různými způsoby - seznam souvisejících stránek, obsah, mapa webu, vyhledávání nebo seznam všech stránek webu.
2.4.6 Nadpisy a popisky
Nadpisy stránek a popisky formulářových prvků jsou výstižné. Texty nadpisů (například Detaily) nebo popisků (například Jméno) nejsou duplikovány, pokud struktura obsahu neposkytuje adekvátní způsob, jak je rozlišit.
Ukazatel focusu při ovládání stránky z klávesnice je viditelný (například pokud prochází uživatel stránku pomocí tabulátoru, ví, kde je).
Pokud je webová stránka součást sekvence stránek nebo součást webové prezentace, ke k dipozici indikátor pozice stránky, například prostřednictvím drobečkové navigace nebo specifikováním konkrétního kroku v sekvenci (například Krok 2 z 5 – Adresa dodání).
2.4.9 Účel odkazu (pouze z textu odkazu)
Účel každého odkazu (nebo obrázkového formulářového tlačítka nebo části obrázkové klikací mapy) je zřejmý ze samotného textu odkazu.
Odkazy nebo obrázková formulářová tlačítka, která mají stejný text, vedou na stejná místa.
2.4.10 Záhlaví jednotlivých částí
Kromě toho, že text je strukturován sám o sobě, jsou jednotlivé části obsahu, u nichž je to vhodné, uvozeny nadpisy.
Informace a ovládání uživatelského rozhraní musí být srozumitelné.
Čitelné: Ujistěte se, že textový obsah je čitelný a srozumitelný.
Jazyk stránky je určen pomocí HTML atributu lang (např.  ).
3.1.2 Jazyk jednotlivých částí
Pokud je to vhodné, je jazyk částí obsahu stránky v jiném jazyce určen např. pomocí atributu lang ( .
3.1.3 Neobvyklá slova (Úroveň AAA)
Slova, která mohou být nejednoznačná či neznámá, nebo která jsou použita specifickým způsobem, blíže určuje sousedící text, definiční seznam, slovníček pojmů či jiná vhodná metoda.
Zkratky jsou při prvním použití rozepsány, vysvětleny pomocí elementu  , odkazu na definici či slovníček. Poznámka: WCAG 2.0 neuvádí žádné výjimky pro běžně srozumitelné zkratky (např. HTML na webu o web designu musí být vždy rozepsáno).
Pro obsah, který je složitější, než by jej mohl smysluplně číst člověk přibližně devíti letech základního vzdělání, je poskytnuta srozumitelnější alternativa.
Jestliže výslovnost slova je pro porozumění tomuto slovu zásadní, je stanovena ihned za slovem nebo prostřednictvím odkazu či slovníčku.
Intuitivní: Ujistěte se, že vzhled a ovládání vašich stránek je intuitivní.
3.2.1 Focus (Úroveň A)
Pokud prvek stránky obdrží focus, nemá to za následek podstatnou změnu stránky, zobrazení vyskakovacího okna, dodatečnou změnu focusu klávesnice nebo jinou další změnu, která by mohla uživatele zmást či dezorientovat.
3.2.2 Při akci uživatele
Pokud uživatel zadává informace nebo pracuje s ovládacím prvkem, nemá to za následek podstatnou změnu stránky, zobrazení vyskakovacího okna, dodatečnou změnu focusu klávesnice nebo jinou další změnu, která by mohla uživatele zmást či desorientovat, ledaže by uživatel byl o této akci předem informován.
Pořadí navigačních odkazů, opakující se na webových stránkách v rámci webové prezentace, se na jednotlivých stránkách nemění.
Prvky, které mají stejnou funkčnost na více webových stránkách v rámci webové prezentace, jsou použity konzistentním způsobem. Například vyhledávací políčko na horním okraji stránky by vždy mělo být označeno stejným způsobem.
Podstatné změny stránky, zobrazení vyskakovacího okna, nekontrolovaná změna focusu klávesnice nebo jiná další změna, která by mohla uživatele zmást či dezorientovat, pokud proběhne bez jeho vědomí, musí být iniciována uživatelem. Případně je uživateli poskytnuta možnost takové změny zakázat.
Pomoc při zadávání: Pomozte uživatelům vyvarovat se chyb nebo chyby opravit.
Informace o povinných položkách formulářů nebo specifické požadavky na formát zadání, hodnotu či délku vstupu jsou uvedeny v popisku prvku (nebo - pokud popisek není určen – v atributu title).
Pokud je použito validování formulářů, tipy a chybová hlášení (na straně klienta či serveru) upozorňují uživatele na chyby vhodným, intuitivním a přístupným způsobem. Chyba je jasně identifikovatelná, je zajištěný rychlý přístup k problematickému prvku a uživatel je schopen lehce chybu opravit a formulář znovu odeslat.
3.3.2 Popisky nebo pokyny
Dostačující popisky, tipy a pokyny pro povinné prvky dialogu jsou zajištěny skrze pokyny, příklady, řádně umístěné popisky či legendy z prvku fieldset.
3.3.3 Návrhy pro opravení chyby
Pokud je detekována chyba na vstupu (například prostřednictvím kontroly na straně klienta či serveru), je nápověda pro opravení chyby poskytnuta z hlediska času a přístupnosti vhodné podobě.
3.3.4 Předcházení chybám (Právní, finanční, data)
Pokud uživatel může změnit nebo smazat právní či finanční data nebo výsledky testů, lze tyto změny/smazání vrátit zpátky, ověřit nebo potvrdit.
Pokud uživatel může odeslat, změnit nebo smazat informaci, lze tuto akci vrátit zpátky, ověřit nebo potvrdit.
3.3.6 Prevence chyb (celková)
Pokud uživatel může odeslat informace, je možné tuto akci vrátit, ověřit nebo potvrdit.
Obsah musí být dostatečně robustní, aby mohl být spolehlivě interpretován širokou škálou přístupových zařízení včetně asistivních technologií.
Kompatibilní: Snažte se o maximální kompatibilitu se současnými i budoucími přístupovými zařízeními včetně asistivních technologií.
HTML/XHTML kód neobsahuje podstatné chyby. Ke kontrole použijte http://validator.w3.org/
4.1.2 Název, funkce, hodnota
Značkování je použito s ohledem na přístupnost. Kód odpovídá HTML/XHTML specifikaci a formuláře, popisky formulářových prvků, titulky rámců, atp. jsou použity korektně.
Kontrolní seznam pro WCAG 2.0 - PDF verze českého překladu WCAG20ChecklistCZ.pdf (336.4 kB - 31. 10. 2010)
Kontrolní seznam pro WCAG 2.1 - dodatky k v2.0 (pdf) kontrolni-seznam-pro-WCAG-2-1-dodatky.pdf (458.7 kB - 8. 4. 2019)