8. Testování přístupnosti Tereza Balabánová 109381@mail.muni.cz Proč mít stránky přístupné n Přístupné stránky stojí méně n 7 % mužů je barvoslepých n Každý pátý mladý člověk trpí dyslexií či poruchou soustředění a četba špatně uspořádaného textu či příliš malého písma ho značně unavuje. n Až 20 % uživatelů pracuje s méně obvyklými prohlížeči. n Na stránky se tedy nemusí dostat až 30% uživatelů (30% ztráta zisku) n Přístupné stránky najde více uživatelů n Na web se lépe dostanou návštěvníci, ale i fulltextové vyhledávače n Přístupné stránky neporušují zákony n Konkurenční výhoda pro soukromý web n Povinnost pro veřejný sektor Zákona č. 365/2000 Sb. Problémy hendikepovaných n http://pristupny-web.cz/wp-content/uploads/2007/11/considering-the-user-perspective.pdf Možnosti testování přístupnosti n Ruční testování n Automatické testování n Odborný audit Ruční testování n Kontrola uživatelským testem n Simulace problémové situace, odhalení možných nebezpečí n Nejlepší pomůckou jsou toolbary n Web accessibility toolbar – Internet Explorer n Web developer toolbar - Firefox n Výhody n zdarma n Nevýhody n nutná investice vlastního času n pochybná kvalita výsledků závislá na znalostech a důslednosti testera n nedostatečná kvantita testovaných parametrů Automatické testování n On-line webové aplikace, nebo stáhnutelný software n Fungují tak, že zadáte URL , kterou chcete zkontrolovat, označíte metodiku, proti které se má stránka zkontrolovat a dáte pokyn ke kontrole n Výhody n zdarma n výsledky ihned n u míst, které nedokáže zkontrolovat, alespoň upozorní, že je dané místo třeba zkontrolovat ručně n Nevýhody n složité výstupy (nutnost znalosti angličtiny a základních technických termínů) n robot kontroluje jen zásady, které vůbec lze zkontrolovat automaticky (např. tedy přítomnost atributu alt u obrázků apod.), většina však automaticky zkontrolovat nejde Cynthia Says n Jeden z nejlepších on-line validátorů přístupnosti n Kontroluje podle norem WCAG 1.0 a Section 508 n Výstupní zpráva v angličtině n Kontroluje pouze to, co zkontrolovat jde. U ostatních upozorňuje, že je třeba provést ruční kontrolu n http://www.cynthiasays.com/ Cynthia Says Cynthia Says n Musíte vyplnit: n URL n Metodiku, proti které má být web testován n Zda chcete k výstupní zprávě zahrnout i výpis zdrojového kódu a alternativních textů n Jak se má Cynthia identifikovat jako prohlížeč Cynthia Says Wave n Bezplatná on-line webová aplikace n Wave spoléhá spíše na grafické rozhraní n Pomocí textu a ikon upozorňuje na chyby na stránce n Význam jednotlivých ikonek je patrný pomocí atributu ALT n Nedrží se přesně žádné metodiky n Žádné dlouhé výstupní zprávy n http://www.wave.webaim.org/ Wave – způsoby kontroly n On-line kontrola n Nahrát stránku n Toolbar n Záložky Wave – způsoby kontroly Wave n Výstupní zpráva je v grafické formě n Je zobrazen web, který je doplněný ikonami n Ikony obsahují alternativní texty, které je vysvětlují n Abyste se ve zprávě vyznali, je nutné se seznámit s významem jednotlivých ikonek n http://www.wave.webaim.org/wave/explanation.htm Wave Bobby n Bobby je jeden z nejznámějších on-line validátorů přístupnosti webových stránek podle metodiky WCAG a Section 508 n Spoléhá se zejména na ruční kontrolu n Ukazuje místa, která se mají zkontrolovat n http://webxact.watchfire.com/ Bobby n Musíte vyplnit: n URL n Metodiku n Další výstupy a nastavení (např. zkontrolovat nefunkční odkazy) Bobby Odborný audit n Audit experta, který se přístupnosti profesionálně věnuje n Profesionál totiž dokáže oproti ostatním možnostem prověřit i zásady obecné přístupnosti, které nejsou přesně specifikované v žádné známé metodice (WCAG, BFW, Section 508 apod.). n Výhody n spolehlivě prověří nadefinované zásady přístupnosti + prověří i obecnější zásady přístupnosti, které známé metodiky neřeší n Nevýhody n není zdarma n trvá nějaký čas Kontrola přístupnosti n Předběžná kontrola n Identifikovat účel stránek n Seznámit se s jejich obsahem a celkovým rozsahem n Odhalit nejzávažnější problémy s přístupností n Určit metodiku, proti které bude web kontrolován n Vytvořit si kontrolní seznam n Simulace různých problémů pomocí toolbarů (ruční kontrola) Kontrola přístupnosti: Simulace různých problémů pomocí toolbarů n Na co se zaměřit (simulace problémových situací) n IA n Struktura stránky a uspořádání informací n Mapa webu, hlavní položky menu odkaz na hlavní stránku dostupný z každé stránky n Navigace je jednotná (na všech stránkách stejná) n Obsah stránek je za běžných podmínek dobře čitelný n Možnost změnit velikost písma n Kontrast pozadí/text n Stránka se zobrazuje stejně, podle různé velikosti okna prohlížeče a rozlišení obrazovky Kontrola přístupnosti: Simulace různých problémů pomocí toolbarů n Stránky jsou použitelné i bez myši (klávesové zkratky, šipky, tab) n Vypnutá grafika n Vypnuté css n Vypnuté aktivní prvky n Textový prohlížeč - http://lynx.browser.org/ n Výběr textového obsahu n Přístupné jsou i jiné materiály, např. doc přístupný jako txt nebo jako pdf n Všechny odkazy jsou funkční Kontrola přístupnosti 5. Automatická kontrola n Validátory W3C n (X)HTML - http://validator.w3.org/ n CSS - http://jigsaw.w3.org/css-validator/ n Odkazy - http://validator.w3.org/checklink n Textový prohlížeč Lynx n Bobby n Wave n Cynthia Kontrola přístupnosti 6. Ruční kontrola zatím nezkontrolovaných bodů (vytvořit check list z metodiky, proti které kontrolujete) 7. Kontrola hendikepovaným člověkem, popř. jeho nástroji na čtení webu n Braillovský výstup – toto zařízení se skládá z mnoha bodů, které se na základě impulsů od počítače vytahují nebo stahují a vytvářejí tak braillovské písmo, které uživatel čte hmatem. n Hlasový výstup – je většinou realizován zařízením, které čte obsah obrazovky (screen reader) n Zvětšovače obrazovky – toto zařízení funguje jako běžná lupa, tedy zvětšuje nějakou část obrazovkového výstupu