Přístupnost webu
Základní skutečnosti
•Zpřístupnění obsahu webových stránek osobám se specifickými potřebami: 100 000 osob v ČR s těžkým zrakovým postižením
•Speciální technologie: hlasové nebo hmatové výstupy, SW lupy, barevné schéma, kontrast
•Základní skutečnosti: pouze informace v textové podobě, lineární vnímání informací na stránce, obsluha počítače a SW pomocí klávesových povelů, pomocí SW lupy je zobrazována pouze malá část stránky
Aktuální dokumenty
Pravidla pro tvorbu přístupného webu
Ministerstvo informatiky ČR
Ministerstvo vnitra ČR
Novela Zákona č. 365/2000 Sb. o informačních systémech veřejné správy, provedená zákonem č. 81/2006 Sb.
Dokumentace zásad přístupnosti webových stránek pro těžce zrakově postižené uživatele:
metodický návrh – verze 2.3,
SONS, Blind Friendly
Pravidla pro tvorbu přístupného webu
•Ve shodě s tzv. pravidly WAI (Web Accessibility Initiative, Iniciativa pro bezbariérový přístup)
- http://www.w3.org/WAI/
•Pravidla
Obsah webových stránek je dostupný a čiteln, práci s webovou stránkou řídí uživatel, informace jsou srozumitelné a přehledné, ovládání webu je jasné a pochopitelné, kód je technicky způsobilý a strukturovaný, prohlášení o přístupnosti webových stránek
Pravidla s nejvyšší prioritou
•Grafické objekty, které slouží k ovládání stránky, mají definovanou textovou alternativu
•Informace, sdělované prostřednictvím skriptů, objektů, appletů, kaskádových stylů, obrázků a jiných doplňků na straně uživatele jsou dostupné i bez kteréhokoli z těchto doplňků
•Všechny tabulky dávají smysl čtené po řádcích
•Vše, co obsahově patří do jedné buňky, opravdu je v jedné buňce i z hlediska struktury definice tabulky
•Tabulka je pro nevidomého čtenáře „linearizována“ po řádcích, nikoliv po sloupcích
•Z hlediska přístupnosti tabulek pro slabozraké uživatele platí:
Šířka a výška buněk by měla být definována pomocí relativních měr, nikoliv absolutních
Vhodná kombinace barev pro odlišení jednotlivých částí tabulky
Dostatečně silné pruhy pro orámování tabulky, problém s tabulkovým formátováním stránek
•Klikací mapy jsou vytvořeny tak, že jsou přístupné pro zrakově postižené
- většina odečítačů obrazovky zpřístupnění klikací mapy podporuje buď v malé míře nebo jen za určitých podmínek, barevná kombinace celého obrázku, jenž je klikací mapou, je velmi často málo zřetelná
•Obsah WWW stránky se mění, jen když uživatel aktivuje nějaký prvek:
- automatické obnovování stránky, automatické přesměrování, přesměrování po najetí na určitý objekt stránky
•Označení každého odkazu výstižně popisuje jeho cíl i bez okolního kontextu
•Informace sdělované barvou jsou dostupné i bez barevného rozlišení: odkazy, povinné položky formulářů
•Barvy popředí a pozadí jsou dostatečně kontrastní. Na pozadí není použit vzorek, který snižuje čitelnost
- Pro jas: 125 bodů (256), Pro rozdíl barev: 500 bodů (765)
•Předpisy určující velikost písma nepoužívají absolutní jednotky
- Klíčová slova: xx-small, x-small, small, medium, large, x-large a xx-large
- Hodnoty: smaller, larger, %
•Kód webových stránek odpovídá nějaké zveřejněné finální specifikaci jazyka HTML či XHTML.
- neobsahuje syntaktické chyby, které je správce webových stránek schopen odstranit
• Na webové stránce nebliká nic rychleji než jednou za sekundu
- použité animace či dynamicky se měnící prvky na stránkách se nesmí trvale měnit s frekvencí větší než 1 Hz
• Každý formulářový prvek má přiřazen výstižný nadpis
• Všechny netextové prvky nesoucí významové sdělení mají textovou alternativu: význam (alt s hodnotou) vs dekorace
Zběžná kontrola přístupnosti WWW stránky
• Accessibility Toolbary
http://chrispederick.myacen.com/work/firebird/webdeveloper/
http://www.nils.org.au/ais/web/resources/toolbar/
• Další možnosti
Vypnutí zobrazovaní grafických prvků
Vypnutí zpracování prvků nad rámec HTML
Načtení stránky v prohlížeči pracujícím v textovém režimu (LYNX)
Zkopírování textového obsahu pomocí schránky do jednoduchého editoru
Zkouška navigace pouze pomocí klávesnice
Změna velikost okna prohlížeče a nastavené rozlišení obrazovky
Nastavení nestandardní kombinace barev a velikosti písma systémového prostředí a prohlížeče
Firemní web
Cíle firemního webu
• Typický firemní web může plnit jeden či více z následujících účelů:
o poskytování základních informací o firmě
jednostránkové shrnutí činnosti firmy a kontaktní údaje, ale také rozsáhlý soubor informací pro potenciální partnery, novináře a akcionáře
o přímý prodej
získání nových zákazníků,
zvýšení obratu,
snížení nákladů na prodej,
snížení nákladů na marže prodejců,
zvýšení komfortu pro zákazníky
o podpora prodeje
o budování značky
po reklamně poptávka na webu prakticky neexistuje. Funguje jen to, co uživatelům přináší jasný užitek a je s firmou těsně nějak spojeno
o zákaznická podpora
o public relations
o průzkum poptávky
Modely návštěvníků webu
• Persona je člověk, budoucí návštěvník vašeho webu, kterého si vytvoříte uměle na papíře na základě údajů o vaší cílové skupině
o jméno, fotka
o věk
o bydliště
o zájmy
o rodinný stav
o vzdělání
o zaměstnání (příjem)
o vztah k vašim produktům či službám, znalost jejich používání
o motivace, s jakou tento člověk přišel na váš web
o situace, v jaké se člověk nachází při návštěvě webu
Uživatelské scénáře
• Uživatelský scénář je popis úkolů uživatelů na webu
o Jedná se v podstatě o krátké příběhy, které popisují chování lidí na budoucím
o k jednotlivým personám reprezentujícím typy uživatelů tedy přiřazujete úkoly a úkony, které budou chtít na webu řešit
• Pokud už vám vaše fantazie nevystačí nebo se pohybujete v oboru, kde není stanovení scénářů tak jednoduché, pomůže vám následující:
o Dotazování lidí z cílové skupiny vašeho webu
Jedná se pravděpodobně o nejlepší variantu, bohužel bývá ale dost nákladná a časově náročná.
o Dotazování zaměstnanců vaší firmy, kteří komunikují se zákazníky (prodejci, prodavači, pracovníci call centra, obchodníci...)
Tito zaměstnanci obvykle ví o potenciálních uživatelích webu mnoho užitečných informací
Význam uživatelských scénářů
• Z uživatelských scénářů by měla vycházet
o struktura webu,
o obsah a rozložení jeho jednotlivých stránek
o propojení souvisejících stránek pomocí kontextových odkazů
• Měli byste si být jisti, že se návštěvník na vašem webu při žádném scénáři neztratí a najde vždy to, co potřebuje
• Další výhoda uživatelských scénářů je, že podle nich můžete web testovat
o berete jeden scénář za druhým a zkoušíte si web podle nich procházet (sami si tedy simulujete uživatele)
o dáváte reálným lidem úkoly vycházející ze scénářů a pozorujete, s čím mají na webu problémy
Nároky na vzhled webu
• Vzhled webu by měl především:
o zaujmout při první návštěvě
o vzbudit v lidech důvěru v obsah webu i jeho provozovatele
o podpořit funkcionalitu webu
o vhodně doplnit obsah
o odlišit web od konkurence
Webový server a klient
• Webové stránky (dokumenty) bývají umístěny na počítačích trvale přístupných na internetu – webový (www) server
o dokumenty jsou adresovány pomocí URL (Uniform ResourceLocator)
součástí je protokol, doménové jméno serveru, jméno dokumentu (stránky) a parametry např. http://www.vsmie.cz/stranka.html?act=view&user=tomas
název naprosté většiny serverů začíná zkratkou www, i když je možné používat libovolné jméno
• Uživatel si webové stránky prohlíží pomocí (lokálního) webového klienta – internetový prohlížeč
o Internet Explorer, Mozilla Firefox, Opera, Chrome, …
o Zasílá požadavky na webový server
o Rozhoduje o zobrazení objektů různých typů
Některé formáty dokáže zpracovat sám, pro jiné volá externí programy
Zobrazení webové stránky
• Proces zobrazení webové stránky na počítači uživatele:
o prohlížeč převezme od uživatele adresu webové stránky
o prohlížeč kontaktuje webový server a vyžádá si zaslání žádané webové stránky
o server buď stránku vyhledá na disku nebo ji dynamicky vytvoří
o případně o její vytvoření požádá jiný program – interpret skriptovacího jazyka (např. PHP)
o prohlížeč stránku převede do grafické podoby a zobrazí uživateli
o prohlížeč si vyžádá od serveru další samostatně uložené části stránky (např. obrázky)
Statické vs dynamické stránky
• Statická webová stránka
o stránka existuje na serveru v kompletní podobě
o server ji na požádání odešle klientskému prohlížeči
• Dynamická webová stránka
o stránka, jejíž podoba není přesně předem dána
o na straně klienta
finální podobu stránky dotvoří klientský prohlížeč
obvykle pomocí speciálního prográmku v 6-8532.php" class="back_link" > ⇐ Назад