Přístupnost na webu
Dominik David
Zaklínadlo "Přístupnost"
- Smyslem bezbariérového webu je to, aby jej mohli používat uživatelé se zdravotním postižením.
- Existují i jiné handicapy?
- Podobně jako SEO? Nikdo neví co to je, ale každý o tom mluví :-D
Co je to přístupnost?
- Udělat web tak, aby si jej mohl prohlédnout
- kdokoli
- kdykoli
- kdekoli
- na čemkoli
Pro koho tedy?
- Zrakově postižení
- Sluchově postižení
- Pohybově postižení
- Uživatelé se zobrazovacími problémy
- Uživatelé s poruchami učení a soustředění
- Roboti
- Normální uživatelé???
Zrakově postižení
- Hlasové čtečky
- Barevné podání webu - nemoci "modifikující" barevné vidění
- Dostatečný kontrast pozadí a textu
Uživatelé se zobrazovacími problémy
- Rozdíly v prohlížečích (IE, Opera, Firefox)
- IE Tester - IE od 5.5 až po 8 beta
- Vypnuté CSS, JS, Flash, obrázky (načítání obrázku z cache),...
- různé platformy - Windows x Linux
- Rozlišení obrazovky
- Statistiky (prohlížeče, OS, rozlišení,..) - http://toplist.cz/global.html
Dokumenty
- Pravidla tvorby přístupného webu - Blind friedly web (CZ)
- Web Content Accessibility Guidelines 2.0
Pravidla tvorby přístupného webu
- Nová pravidla přístupného webu pro účely novely Zákona č. 365/2000 Sb. o informačních systémech veřejné správy, provedenou zákonem č. 81/2006 Sb.
- Oficiální web
- Vyhláška 64/2008 Sb.
Obsah webových stránek je dostupný a čitelný
- Každý netextový prvek má textovou variantu
alt a title
Pokud obrázek žádnou významovou informaci nenese a je použit pouze jako dekorace, atribut alt má vždy prázdnou hodnotu.
- Informace musí být dostupné bez CSS, flash, JS
- Informace sdělované barvou musí být dostupné i bez barevného rozlišení
- Dostatečný kontrast popředí a pozadí (Analyzátor kontrastu barev)
- Text lze zvětšit minimálně na 200% a zmenšit na 50% (použití relativních jednotek
em)
Práci s webovou stránkou řídí uživatel
- Nesmí být vyžadováno konkrétní vybavení (ať už fyzické nebo softwarové)
- Načtení nové webové stránky či přesměrování musí být možné jen po aktivaci odkazu nebo po odeslání formuláře.
- Otevření nového okna musí být možné jen v odůvodněných případech a uživatel na to musí být předem upozorněn
- Nesmí docházet k výrazným změnám barevnosti, jasu, velikosti nebo umístění prvku rychleji než třikrát za sekundu
- Zvuk, který zní déle než tři sekundy, musí být možné vypnout nebo upravit jeho hlasitost.
Informace jsou srozumitelné a přehledné
- Rozsáhlé obsahové bloky musí být rozděleny do menších výstižně nadepsaných celků.
<p> <p>
- Bloky obsahu, které se opakují na více stránkách, je možné přeskočit.
- Pro skrývání však není vhodné používat předpis
display:none ani visibility:hidden
Ovládání webu je jasné a pochopitelné
- Srozumitelná navigace. Na celém webu stejná, nebo podobná. Musí být zřetelně oddělena od obsahu
- Každá stránka musí obsahovat odkaz na hlavní stranu (kromě hlavní:-))
- Každý formulářový prvek musí mít popisek vystihující požadovaný obsah.
- Pokud uživatel udělá při vyplňování formuláře chybu, musí se zobrazit, kde je chyba a případně jak ji odstranit
Odkazy
- Odkaz musí výstižně popisovat, kam odkazuje
- Pokud není možné vyjádřit informaci o cíli odkazu pomocí textu odkazu, musí být tato informace dostupná alespoň v atributu
title
- Pokud odkazuje na jiný typ souboru, musí být uvedeno, co je to za soubor, případně uvedena jeho velikost
Kód je technicky způsobilý a strukturovaný
- Zdrojový kód musí být validní
- Obsah všech tabulek musí dávat smysl čtený po řádcích zleva doprava.
- Tabulka musí obsahovat značky pro záhlaví řádků nebo sloupců.
<th> se chová úplně stejně jako <td> pouze s tím rozdílem, že text je tučný a v buňkách vystředěný
- Ve zdrojovém kódu musí být určen hlavní jazyk obsahu webové stránky.
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs">
Další nástroje pro validaci