Testování přístupnosti webových stránek se screenreaderem JAWS

Úvod

Testovat přístupnost obsahu webových stránek pomocí odečítačů obrazovky je důležité. Protože odečítače obrazovky však mohou být pro příležitostné uživatele velmi komplikované aplikace, mnoho lidí se jim vyhýbá. Nemusí tomu tak ale být. I když jsou odečítače komplikované, je možné s nimi testovat obsah webových stránek na přístupnost, aniž byste byli jejich "pokročilými uživateli."

Tento článek je navržen tak, aby pomohl uživatelům, kteří se s JAWS začínají učit, seznámit se základními ovládacími prvky pro testování obsahu webových stránek a aby sloužil jako přehled pro příležitostné uživatele JAWS. Při čtení tohoto článku mějte na paměti několik věcí:

• Toto není vyčerpávající seznam klávesových zkratek JAWS, nýbrž seznam základních příkazů, které by měli uživatelé, začínající s JAWS, nepochybně znát. Další seznamy klávesových zkratek viz seznam na WebAIM.org nebo seznam na webu firmy Galop – externí odkaz. Seznam zkratek k aktuální verzi JAWSu je k dispozici v jeho Nápovědě.
• Je-li pro vás téma přístupnosti webových stránek nové, měli byste možná začít článkem Introduction to web accessibility na WebAIM.org, jenž podává přehled o tom, jak nevidomí uživatelé používají webové stránky.
• Je-li pro vás téma odečítačů obrazovky nové, počítejte s větším množstvím času (možná i několik hodin) stráveného nad tímto článkem a příklady, abyste se s JAWS lépe seznámili. Nenechte se odradit, pokud se budou věci po několika minutách zdát zmatečné. Zpomalte rychlost čtení a nespěchejte.
• S odečítačem obrazovky JAWS je obvykle jednodušší na standardní klávesnici. Pokud dáváte přednost klávesnici notebooku, je dostupná i odlišná konfigurace, ale ta v tomto článku není zmiňována.
• Přístupnost obsahu svých webových stránek byste měli vždy testovat s uživateli s různými postiženími včetně uživatelů používajících různé odečítače obrazovky, zejména před tím, než učiníte rozhodnutí o tom, jak budou stránky vypadat.

Začínáme

Můžete si stáhnout volně šiřitelné demo JAWS - externí odkaz (pouze pro Windows), které vám umožňuje spustit JAWS na 40 minut bez jakéhokoli omezení. Po uplynutí čtyřiceti minut musíte restartovat počítač (nestačí jen znovu spustit JAWS), pokud chcete pokračovat v testování.

Při práci s JAWS mějte na paměti následující pravidla:

• I když JAWS může být použit ke zpřístupnění mnoha a mnoha aplikací ve Windows, zaměříme se jen na obsah webových stránek.
• Ujistěte se, že klávesa NumLock je vypnutá.
• Testovat JAWS budete nejspíše muset v Internet Exploreru, i když možná není vaším výchozím prohlížečem.
• Maximalizujte okno prohlížeče.
• Nezapomínejte, že typický uživatel odečítače obrazovky nepoužívá myš. Až se budete s JAWS cítit jistější, zkuste používat jen klávesnici.
• Mějte na paměti, že většina klávesových zkratek Exploreru funguje i při používání JAWSu.
• Stránka se během čtení nemusí posouvat, takže můžete slyšet text čtený JAWS, který není viditelný na obrazovce.

Čtení

Základní funkcí odečítače obrazovky je čtení obsahu webové stránky. Existují desítky klávesových zkratek, které vám umožňují číst text po řádcích, větách, slovech, znacích atd. Následuje seznam základních klávesových zkratek pro čtení na webu. S jejich pomocí byste měli být schopni projít většinu obsahu.

Insert +

Plynulé čtení

Page Up/Page Down

Zvýšení/snížení rychlosti během plynulého čtení

Ctrl

Zastavení čtení

Insert +

Aktuální řádek

Insert + /

Předchozí/následující slovo

Předchozí řádek

Následující řádek

/

• Předchozí/následující znak
• Rychlý posun vzad/vpřed během plynulého čtení

F5 / Shift + F5

Znovu načtení stránky / vynucené znovu načtení stránky. Pokud se ztratíte, je toto způsob, jak se vrátit na začátek.

Čtení si můžete hned vyzkoušet na obsahu této stránky. Mějte na paměti, že na začátku je odkaz pro přeskočení k hlavnímu obsahu (více o skip to odkazech na WebAIM.org).

Navigace

Vidící uživatelé se orientují v obsahu webových stránek mnoha způsoby. Hledají zrakem nadpisy, seznamy, tabulky apod. Většina těchto metod je přístupná i pro uživatele odečítačů obrazovky, pokud má stránka korektní strukturu a vhodné uspořádání. Přesun vzad a vpřed po odkazech a prvcích formulářů na stránce provádíme pomocí Tab a Shift + Tab. Další klávesové zkratky jsou uvedeny níže.

Pro procvičení čtení a navigačních příkazů zkuste znovu načíst stránku a dostat se do této kapitoly. Je několik způsobů, jak to lze provést – přejděte k obsahu článku, aktivujte odkaz této kapitoly a potom začněte číst nebo přecházejte po větách, nadpisech (H), seznamech (L), hledejte, čtěte po řádcích (Insert + /).

Obrázky

Každý obrázek na stránce potřebuje alternativní popisek – odkaz na WebAIM.org. Pokud obrázek popisek nemá, odečítač ho zpravidla ignoruje, ale chování se může lišit v závislosti na nastavení odečítače.

Obrázky - příklady na procvičení

Datové tabulky

Existují dva způsoby využití tabulek na webových stránkách: pro vzhled – odkaz na WebAIM.org – a pro organizaci dat – odkaz na WebAIM.org. Užití elementu <th> napomáhá v jednoduchých datových tabulkách srozumitelnosti informací. I když většina moderních odečítačů obvykle umí v jednoduchých tabulkách přesně určit příslušná záhlaví, neznamená to, že je zaručena jejich přístupnost; záhlaví byste stále měli korektně vyznačovat. Při orientaci v komplikovanějších tabulkách odečítače na vyznačení záhlaví stále spoléhají.

Pro přechod k tabulce stiskněte klávesu T. Dále držte kombinaci Ctrl + Alt a používejte /// pomocí nichž se můžete pohybovat mezi buňkami. Ctrl + Alt + 5 (na numerickém bloku) pro aktuální buňku přečte záhlaví řádku a sloupce.

Tabulky - příklady na procvičení

Formuláře

Formuláře – odkaz na WebAIM.org se používají k interakci. Uživatelům umožňují vyhledávat, vybírat si a nakupovat sboží, vyplňovat ankety a dotazníky, registrovat se do kurzů a dělat mnoho dalších věcí. Tři hlavní body, které můžete splnit, aby formuláře byly přístupnější pro uživatele odečítačů obrazovky:

1. Používejte značku <label> pro svázání formulářových prvků a jejich popisků. Pokud prvek formuláře nemá přiřazen popisek, odečítač se jej pokusí určit postupem založeným na hledání textu v blízkosti prvku.
2. Používejte element <fieldset> k seskupování souvisejících formulářových prvků. Obvykle se tímto způsobem seskupují zaškrtávací políčka a přepínače, lze jej však použít i pro jiné prvky.
3. Vyhněte se javascriptovým rozbalovacím menu, jejichž položky se aktivují při získání focusu – odkaz na WebAIM.org .

Pro navigaci ve formulářích a pro práci s jejich prvky použijte následující klávesové zkratky:

• Pokud přistupujete k prvku formuláře, stiskněte Enter pro zapnutí formulářového režimu (poznámka autorů českého překladu: JAWS na webové stránce standardně používá Virtuální kurzor - neviditelný kurzor pro čtení informací, umožňující používat horké klávesy pro přesun na jednotlivé prvky stránky. Pokud chcete na stránce pracovat s prvky formuláře [zapsat text do editačního pole, vybrat položku ze seznamu], je třeba se přepnout do tzn. formulářového režimu, který toto umožňuje.) Novější verze JAWSu již také nabízejí několik módu formulářového režimu: ruční, poloautomatický a automatický. Bližší informace lze najít v Nápovědě JAWSu).
• Když už jste ve formulářovém režimu, použijte Tab a Shift + Tab pro přechod mezi formulářovými prvky.
• Jednoduše začněte vpisovat text do editačních polí, hesla do heslových polí či text do víceřádkových polí. Rychlé klávesy jsou během vkládání ve formulářovém režimu zakázány.
• Použijte mezerník k volení a rušení zaškrtávacích políček.
• Použijte / pro výběr ze skupiny přepínačů.
• Použijte / nebo První písmeno pro vybrání položky rozbalovacího seznamu.
• Pokud chcete opustit formulářový režim, stiskněte klávesu + na numerickém bloku.
• JAWS automaticky opouští formulářový režim, pokud stisknete Enter při odeslání formuláře, při přechodu na novou stránku nebo zvolení tlačítka.

Formuláře - příklady na procvičení

Cvičení

• Projděte si pomocí odečítače tuto stránku kapitolu po kapitole. Na konci každé z nich se vraťte nahoru a přecházejte do dalších kapitol různými způsoby. Např.:
  • Použijte obsah článku
  • Použijte Ctrl + F pro otevření vyhledávacího dialogu
  • Přecházejte po nadpisech (buď H nebo 1-3)
• Na této stránce je několik prvků, které jsou neviditelné a které slouží k tomu, aby se uživatel odečítače na stránce lépe orientoval. Podívejte se, jestli je dovedete rozpoznat (tip: jeden je těsně před a druhý těsně za sekcí s hlavním obsahem stránky).
• Přihlašte se do odběru novinek WebAIM.org, aniž byste použili myš (Tip: na této stránce je k tomu odkaz).
• Vypněte monitor a zkuste zopakovat některé z těchto úkolů.