Archiv štítku: JAWS

Testování přístupnosti webu: jaké nástroje použít

V článku Jak na jednoduchý audit přístupnosti – otestujte si bezbariérovost svého webu jsem před dvěma lety publikoval návod, jak si jednoduše otestovat přístupnost webu a odhalit alespoň největší bariéry. Takto koncipovaný test samozřejmě nemůže nahradit profesionálně provedený audit přístupnosti, nicméně pro vytvoření si základní představy o tom, jak je na tom váš web s přístupností, je stále více než dostačující.

I v souvislosti s novým zákonem o přístupnosti ale roste potřeba a poptávka po testech přístupnosti webů na soulad s doporučením Web Content Accessibility Guidelines (WCAG 2.1).

Rád bych proto zájemce o testování postupně seznámil s tím, jak takový test udělat, co vše a jak je třeba testovat, upozornil na možná úskalí a doporučil další zdroje k jednotlivým oblastem testování, o které se mohou následně opřít.

Dnes si pro testování připravíme potřebné vybavení.

Nástroje pro testování přístupnosti webu

K testování používám primárně Windows 10 a Google Chrome, ale obdobně vybavené pracovní prostředí si lze připravit i na jiných operačních systémech.

Rozšíření pro Google Chrome

Základním testovacím nástrojem je pro mě aplikace Google Chrome, doplněná o několik rozšíření.

Color Contrast Analyzer

Color Contrast Analyzer Ideální nástroj pro otestování vzájemného kontrastu barev na webové stránce. Umí udělat analýzu celé stránky v jednom kroku a není tak třeba posuzovat každou použitou barevnou kombinaci samostatně.

headingsMap

headingsMap Rozšíření pro snadné vygenerování interaktivní nadpisové osnovy stránky.

Landmark Navigation via Keyboard or Pop-up

Landmark Navigation via Keyboard or Pop-up Rozšíření pro vygenerování interaktivního seznamu oblastí stránky (landmarků) na dané stránce.

Focus Indicator

Focus Indicator Protože ne na každém webu je vizuálně zvýrazněn prvek, který získá focus při ovládání z klávesnice, hodí se toto rozšíření zapnout ve chvíli, kdy kontrolujeme přístupnost webu z klávesnice a potřebujeme průchod webem vizuálně sledovat.

Web Developer Toolbar

Web Developer Toolbar Komplexní rozšíření, které je dle svého názvu určeno pro webovvé vývojáře, ale lze jej samozřejmě použít i k otestování přístupnosti webu.

Asistivní technologie

Přístupnost webu je také potřeba zkontrolovat i za použití některé z asistivních technhologií.

Odečítače obrazovky

V prostředí operačního systému Windows se nabízí použít odečítací programy NVDA nebo JAWS. NVDA je open-source odečítač, JAWS je placený program, který se dle licenčních podmínek nesmí používat ke komerčnímu testování.

Pokud s testováním pomocí odečítacích programů nemáte zkušenosti, průvodci by vám mohly být následující dva tutoriály:

Zvětšovací program

Pro otestování přístupnosti webu pro uživatele, kteří používají zvětšovací programy, je dnes naprosto dostačující Lupa ve Windows 10.

Klávesnice

Protože řada požadavků na přístupnost je spjata s přístupností z klávesnice, naprosto nezbytným nástrojem pro testování přístupnosti pak je běžná klávesnice.

Nástroje pro automatické testování

Ačkoliv neexistuje automatický nástroj, jehož výstupem by byla informace, že web je přístupný, je vhodné automatické nástroje do svého portfolia zařadit. Pokud jsme si vědomi limitů, které tyto nástroje mají (nelze pomocí nich otestovat vše, detaily viz například Web Accessibility Testing: What Can be Tested and How) a nespoléháme se při testování výhradně na ně, pak nám mohou při testování pomoci odhalit alespoň to, co lze automaticky otestovat.

WAVE Evaluation Tool

WAVE Evaluation Tool

Komplexní nástroj pro testování přístupnosti. Poskytuje vizuální zpětnou vazbu k testované webové stránce tím, že do ní vkládá grafické prvky, upozorňující na analyzovaném webu na chyby (Errors), varování (Alerts), funkce (Features), strukturální elementy (Structural Elements), HTML5 a ARIA prvky (HTML5 and ARIA) a chyby v kontrastu (Contrast Errors).

Ke každému zjištění WAVE také nabízí i doplňující informace a rady, jak při odstranění nalezených bariér postupovat.

Accessibility Insights for Web

Accessibility Insights for Web

Nástroj nabízí dva testovací scénáře:

  • FastPass nabízí dva testy, které umožňují za méně než 5 minut odhalit nejčastější bariéry na testované webové stránce.
    • Automated checks: nástroj nabízí automatickou kontrolu přibližně 50 požadavků na přístupnost.
    • Tab stops: podle instrukcí a vizuální nápovědy je možné otestovat web na přístupnost z klávesnice a najít případná kritická místa a bariéry, které souvisí s tímto aspektem přístupnosti.
  • Assessment: testerům s odpovídajícími znalostmi HTML a doporučení Web Content Accessibility Guidelines umožňuje ověřit, zda web je v souladu s WCAG 2.1 úrovně AA.
    • Automated checks: nástroj nabízí automatickou kontrolu přibližně 50 požadavků na přístupnost.
    • Manual tests: nástroj nabízí detailní instrukce, příklady a rady, jak odstranit nalezené bariéry.

Nástroje samy o sobě nám samozřejmě kvalitní výstupy z testování nezaručí, důležité jsou i know-how a kompetence testera. Jako výchozí materiál k prostudování doporučuji již několikrát zmíněné doporučení WCAG 2.1. Studium můžete začít například článkem Web Content Accessibility Guidelines (WCAG): seznamte se, prosím či na webu WUHCAG | Web accessibility for developers 🙂


V době psaní tohoto článku (leden 2020) ještě testuji axe Pro. Pokud se mi nástroj zalíbí a budu jej používat, určitě o tom napíšu 🙂

Spouštíme veřejné beta testování lokalizované verze odečítacího programu JAWS 2020

Rádi bychom zájemcům jako drobný vánoční dárek nabídli k vyzkoušení lokalizovanou verzi odečítacího programu JAWS 2020, jejíž veřejné beta testování dnešním dnem zahajujeme.

Instalační soubory najdete na adresách:

Z nových funkcí verze 2020 bychom rádi zmínili

  • redukci dvojitého vyčítání názvů formulářových prvků na webových stránkách
  • skripty pro aplikaci Zoom Meeting
  • vylepšenou podporu JAWS kurzoru a neviditelného kurzoru v univerzálních aplikacích ve Windows 10
  • použití OCR jádra OmniPage 20 pro funkci Rozpoznávání textu
  • přepínání Virtuálního kurzoru zvlášť pro jednotlivé karty v Google Chrome
  • přepínání zvuků JAWS při zapnuté funkci Řeč na vyžádání

Kompletní soupis novinek JAWSu 2020 je k dispozici na adrese www.galop.cz/doc/jaws/jaws2020novinky.html.

Český JAWS verze 2020 podporuje všechny 32bitové i 64bitové edice Windows 7, 8.1 a 10; Windows XP a Windows Vista již podporovány nejsou.

Stejně jako u předchozích verzí probíhá instalace v jednom kroku, součástí instalace je i Hlasový výstup HLAS pro JAWS, takže pro instalaci na čistý počítač připojený k Internetu teoreticky stačí stáhnout a nainstalovat jeden jediný soubor.

Máte-li v počítači nainstalováno anglické vydání verze 2020, je nutné jej z počítače před instalací českého vydání odinstalovat.

Chcete-li s verzí 2020 používat WinTalker Voice či Elišku, je vhodné tyto syntezátory nainstalovat ještě před instalací JAWSu, v průběhu instalace pro ně budou automaticky vytvořeny příslušné hlasové profily. Pro Zuzanu a Ivetu – stejně jako pro cizojazyčné hlasy Vocalizer Expressive verze 2 – JAWS nyní vytváří profily průběžně a na pořadí jejich instalace tak již nezáleží.

Pro hlášení případných chyb prosím použijte adresu jaws@galop.cz. Všemi relevantními podněty se s kolegy budeme zabývat a pokusíme se je zohlednit při vydání finální české verze JAWS 2020, která by měla následovat během několika týdnů.

Na závěr bychom jako vždy rádi oficiálně poděkovali všem, kteří se podíleli na testování nové verze, a stejně tak i Vám všem, kteří svým podnětem v rámci veřejného testování ještě pomůžete JAWS 2020 vylepšit.

Český JAWS 2019.1909.28.9

Rádi bychom vás upozornili na aktualizované vydání české verze odečítače obrazovky JAWS 2019.1909.28.9. Jeho instalační soubory lze najít na známých adresách

www.galop.cz/download/jaws nebo www.galop.cz/dvd/jaws.htm

případně je také možné aktualizaci vyhledat a stáhnout přes Nabídku Start – JAWS 2019 – Vyhledat aktualizaci na Internetu.

Předchozí české vydání verze 2019 není nutné odebírat.

Vydání CS09 přináší zejména velké množství novinek anglických buildů 1907 a 1909, funkci Picture Smart (v angličtině), přístup k novému rozhraní slovnik.seznam.cz přes funkci Prozkoumat a skript pro Skype 8.54.

Více informací v angličtině viz Enhancements in JAWS 2019.1909.28 (September 2019).