Zpřístupnění korporátního webu

Transkript

1 [AVG#WEB] Zpřístupnění korporátního webu Vypracovali: Lukáš Kosina Jan Dvořák

2 Zadání Cílem projektu je zpřístupnění korporátních stránek společnosti AVG ( osobám postiženým úplnou ztrátou zraku. Projekt se rozdělí na dvě části. První část se bude skládat z analýzy současného stavu korporátních stránek AVG. Druhá část se bude skládat ze zpřístupnění těchto stránek pro nevidomé. Testování přístupnosti bude testování pomocí čtečky monitoru JAWS ( Screener: 1. Popište svoje zrakové postižení:[pokud odpovíte odpověď c), nepokračujte ve vyplňování dotazníku] 1) úplná slepota 2) částečná slepota 3) žádné zrakové postižení (cíl: účastník s úplnou slepotou, nebo částečnou slepotou) 2. Používáte domácí počítač?[pokud odpovíte odpověď c), nepokračujte ve vyplňování dotazníku] 1) ano, denně 2) ano, ale pouze výjimečně 3) ne (cíl: účastník musí používat domáčí počítač) 3. Jaký operační systém využíváte? 1) Windows 2) Linux/Unix 3) OS Mac 4) jiný (cíl: účastníci s OS Windows budou v tuto fázi upřednostňováni) 4. Používáte internet? [Pokud odpovíte odpověď b), nepokračujte ve vyplňování dotazníku] 1) ano 2) ne (cíl: uživatel internetu) 5. Používáte software ke zvýšení přístupnosti počítače/používání internetu? [Pokud odpovíte odpověď c), přeskočte následující otázku] 1) ano, používám čtečku monitoru 2) ano, používám lupu pro monitor 3) ne (cíl: uživatel s čtečkou monitoru bude upřednostňován) Napište název softwaru, který používáte ke zvýšení přístupnosti:

3 (cíl: cílem je určit široké spektrum různých softwarů) 6. Znáte internetovou stránku 1) ano 2) ne (cíl: uživatelé, kteří znají stránky AVG) Z důvodu vybraného tématu jsme výběr uchazečů pomocí screeneru nedělali, protože jsme měli možnost interview s Jaroslavem Kučerou, nevidomým uživatelem antivirového programu AVG, a tedy patří do naší cílové skupiny. Interview Témata: popis zrakového handicapu popis uživatelova využívání počítače popis činností na internetu popis činnosti softwaru, který uživateli zvyšuje přístupnost PC a internetu zkušenosti se stránkami Otázky: Máte zrakové postižení již od narození? Jak často využíváte PC? Jste schopen si činnost PC (instalace software ) zajistit sám, nebo potřebujete pomoc okolí? Kolik hodin denně strávíte na internetu? Popište činnosti, ke kterým internet využíváte. Je software, který používáte ke zvýšení přístupnosti PC, zdarma? Máte s tímto softwarem někdy problém? Pokud ano, jaký? Existuje ve vašem operačním systému podpora jiných programů pro tento software? Jak hodnotíte stránky firmy AVG? Můžete popsat principy dobře sestavené stránky pro zrakově handicapované?

4 Interview transcriptions Jaroslav Kučera (dále uživatel ) je zrakově postižený od svých 14 let, kdy oslepl od rozbušky. Používá notebook s operačním systémem Windows XP Service Pack 3. Je schopen zajistit si instalaci software, pokud k instalacím používá klasický instalátor. Ke zvýšení přístupnosti využívá uživatel čtečku monitoru JAWS ( a elektronický řádek s Braillovým písmem. Funkce řádku s Braillovým písmem uživatel nemohl předvést, protože v době interview mělo zařízení vybité baterie. Na internetu tráví uživatel několik hodin denně. Mezi nejčastější činnosti patří: čtení odborné literatury i beletrie, sebevzdělávání se, programování v Perlu. Pro stahování software uživatel používá pouze stránky výrobců softwaru, nepreferuje servery, které software zprostředkovávají (konkrétně uvedl server a nevyužívá je. Několikrát během interview uživatel prokázal velmi pokročilou znalost operačního systému aby mohl předvést činnost JAWS software s internetovým prohlížečem (využívá Internet Explorer, který podporuje JAWS), byl nucen nastavit si proxy server. Kromě zmíněného Ms IE by uživatel rád používal i jiné internetové prohlížeče, ty však mají s čtečkou monitoru problémy konkrétně Mozilla Firefox se čtečkou monitoru často havaruje. K vyhledávání na internetu uživatel používá vyhledávač Google ( jenž využívá také prvky ARIA ( které jsou součástí HTML. Tyto prvky, podle zkušeností uživatele, nejsou zpracovávány internetovým prohlížečem, ale jsou posílány přímo čtečce monitoru, která je následně vyhodnocuje. Uživatel nemá rád na internetu flashové programy a obrázkové buttony, protože je čtečka monitoru neumí zpracovat. HTML stránky a některé JS nedělají čtečce monitoru vůbec žádné problémy. Uživatel si však nemohl příklady přístupných JS vybavit. K antivirovému programu AVG se uživatel dostal náhodou během hledání vhodného antivirového programu pro svůj notebook. Po dobrých zkušenostech s trial verzí si zakoupil placenou verzi antiviru AVG. Při návštěvě stránek firmy AVG se ale uživatel orientoval na stránkách obtížně, některá menu nebyla schopna čtečka obrazu vůbec rozpoznat a některým prvkům chyběly popisy (atribut alternativní popis tagu ), takže se pro uživatele staly bezcenné. Stránky také obsahovaly reklamu ve flashi, kterou uživatel nemohl vůbec vnímat. Jediná úprava nastavení internetového prohlížeče, kterou uživatel provedl, je zakázání prvků ActiveX tato úprava však nemá nic společného s přístupností webu, nýbrž s jeho bezpečností.

5 Shrnutí a vyhodnocení interview Během interview jsme zjistili, že uživatel má velice pokročilé znalosti stavby HTML stránek. Pokud jsou stránky dobře sestavené, dokáže číst pomocí procházení stránek po jednotlivých úrovních nadpisu. Na internetových stránkách se pohybuje pomocí klávesových zkratek, které mu umožňují navigaci po konkrétních prvcích webové stránky (tlačítka, rozbalovací seznamy ). Na stránkách knihovny pro nevidomé, které jsou pro nevidomé optimalizovány, se uživatel orientoval zcela bez problémů. Oproti tomu korporátní stránky AVG obsahovaly mnoho prvků, které uživateli orientaci ztěžovaly až znemožňovaly například flashová reklama, kterou čtečka neumí přečíst, se k uživateli nedostala. Prvky bez alternativních popisů byly pro uživatele spíše matoucí. Vylepšení korporátních stránek bychom rozdělili do dvou kroků prvním krokem by měla být komplexní revize stránek, doplnění základních HTML tagů zvyšujících přístupnost webu, zejména s přihlédnutím k radám internetového portálu Na běžného uživatele by tyto úpravy neměly mít žádný vliv. V druhém kroku doplnění informací pro nevidomé uživatele (resp. pro čtečky monitoru), které jsou v současné době nevidomým uživatelům nedostupné (flashová reklama, prvky bez popisku). Běžnému uživateli budou tyto prvky skryty pomocí css stylů, aby jej nerušily na stránkách. Závěr: V současné podobě korporátní stránky AVG nejsou přizpůsobeny nevidomým uživatelům, protože obsahují mnoho prvků, se kterými si neporadí čtečka monitorů, a neobsahují tagy zvyšující přístupnost internetových stránek.

6 Use Cases and Plans: Use-Case 1 Stažení AVG-Antivirus Free: Nevidomý uživatel se rozhodne vybrat si AVG Antivirus jako antivirový program pro svůj operační systém. Vstoupí na internetové stránky AVG. Na internetových stránkách si vybere operační systém, který používá ve svém počítači a stáhne si pro něj nový antivirus. Use-Case 2 - Přečtení portfolia společnosti AVG: Nevidomý uživatel se rozhoduje, zda si má pořídit antivirus AVG na svém počítači. Proto se na korporátních stránkách AVG rozhodne, že si přečte portfolio společnosti AVG. Use-Case 3 - Přečtení bližších informací o produktech AVG pro domácí/podnikové použití Nevidomý uživatel se před stažením nového antiviru musí rozhodnout, jestli potřebuje pro své použití AVG antivirus pro domácí nebo podnikové použití. Use-Case 4 - Aktualizace licence k produktu AVG Po zakoupení a využívání AVG antiviru nevidomý uživatel zjistí, že je se službami AVG antiviru spokojen. Proto se rozhodne si pomocí korporátních stránek AVG prodloužit svoji antivirovou licenci. Plan 1 Stažení AVG-Antivirus Free pro domácí potřeby 1. Načtení stránky 2. Stisk Insert+F7 Systém zobrazí všechny odkazy na stránce 3. Pomocí kláves postupné procházení (přečtení čtečkou) odkazů, dokud se nezastaví u odkazu Pro domácnost. Aktivace odkazu pomocí klávesy ENTER 4. Stisk Insert+F7 Systém zobrazí všechny odkazy na stránce 5. Pomocí kláves postupné procházení (přečtení čtečkou) odkazů, dokud se nezastaví u odkazu AVG-Antivirus FREE Aktivace odkazu pomocí klávesy ENTER 6. Stisk Insert+F7 Systém zobrazí všechny odkazy na stránce 7. Pomocí kláves postupné procházení (přečtení čtečkou) odkazů, dokud se nezastaví u odkazu Stáhnout. Aktivace odkazu pomocí klávesy ENTER 8. Čtečka zinterpretuje dialog pro uložení souboru. Pomocí kláves uživatel vybere možnost Uložit. Čtečka zinterpretuje dialog pro výběr místa pro uložení souboru. Uživatel vyplní jméno souboru a vybere složku, do které se má soubor uložit. Poté aktivuje button Uložit. Tato část již není součástí navrhovaného systému. Plan 2 Přečtení portfolia společnosti AVG 1. Načtení stránky 2. Stisk Insert+F7 Systém zobrazí všechny odkazy na stránce 3. Pomocí kláves postupné procházení (přečtení čtečkou) odkazů, dokud se nezastaví u odkazu Společnost. Aktivace odkazu pomocí klávesy ENTER

7 4. Pomocí klávesy H (přechod mezi titulky) přechod k požadovanému článku. 5. Pomocí kláves Ctrl+Insert+ aktivace čtení článku. Plan 3 Přečtení bližších informací o produktech AVG pro domácí/podnikové použití 1. Načtení stránky 2. Stisk Insert+F7 Systém zobrazí všechny odkazy na stránce 3. Pomocí kláves postupné procházení (přečtení čtečkou) odkazů, dokud se nezastaví u odkazu Pro domácnost nebo Pro podniky. Aktivace odkazu pomocí klávesy ENTER 4. Pomocí klávesy H (přechod mezi titulky) přechod k požadovanému produktu. 5. Pomocí klávesy Tab přechod na odkaz s titulkem Více informací. Aktivace přechodu na cílovou stránku odkazu klávesou ENTER. 6. Pomocí klávesy H přechod mezi titulky (vlastnostmi produktu) a jejich detailní čtení klávesovou zkratkou Ctrl+Insert+ Plan 4 Aktualizace licence k produktu AVG 1. Načtení stránky 2. Stisk Insert+F7 Systém zobrazí všechny odkazy na stránce 3. Pomocí kláves postupné procházení (přečtení čtečkou) odkazů, dokud se nezastaví u odkazu Prodloužit licenci AVG. Aktivace odkazu pomocí klávesy ENTER. Zobrazení stránky s informacemi pro prodloužení licence. 4. Pomocí klávesy H (přechod mezi titulky) přechod k Rychlý upgrade 5. Pomocí klávesy H (přechod mezi titulky) přechod k požadovanému produktu 6. Pomocí klávesy Tab přechod na následující odkaz Zakoupit a jeho aktivace klávesou ENTER. Zobrazení nákupního košíku s možností přečtení detailů. 7. Stisk Insert+F7 Systém zobrazí všechny odkazy na stránce 8. Pomocí kláves postupné procházení (přečtení čtečkou) odkazů, dokud se nezastaví u odkazu Pokračovat. Aktivace odkazu pomocí klávesy ENTER. Zobrazení se formuláře pro vyplnění kontaktních a platebních informací. 9. Přechod mezi jednotlivými kolonkami formuláře pomocí klávesy Tab. 10. Po vyplnění formuláře stisk Insert+F7 Systém zobrazí všechny odkazy na stránce. 11. Pomocí kláves postupné procházení (přečtení čtečkou) odkazů, dokud se nezastaví u odkazu Pokračovat. Aktivace odkazu pomocí klávesy ENTER. Stránka pro stažení produktu. 12. UC1 8

8 HTA:

9 Sketches: 1) 2)

10 3) 4) 5)

11 Popisy ke sketches: 1) Specifika prostředí, ve kterém se nevidomý pohybuje. 2) Pohled na pracovní prostředí PC a na prostředky, se kterými nevidomý může komunikovat s PC. 3) Specifikace možných smyslů nevidomých pro příjem informací z vnějšího světa - sluch, hmat. 4) Myšlenka převodu textu do hmatatelné či zvukové podoby. 5) Aby bylo možné převést stránky na text (který bude následně převoditelný na hmatatelnou či zvukovou podobu), je třeba je nějakým způsobem převést do hierarchické struktury, která posléze bude převoditelná dle požadavků na text.

12 StoryBoard: Příklad práce se systémem, kdy čtečka reaguje na jednotlivé klávesové zkratky a určuje výstup podle požadavků uživatele.