Archiv štítku: Lupa

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 🙂

Asistivní technologie pro zrakově postižené z dílny Microsoftu – Lupa, Předčítání, Seeing AI…

Společnost Microsoft se v poslední době stále více angažuje na poli přístupnosti a asistivních technologií. Pod vedením současného výkonného ředitele Satya Nadelly věnuje přístupnosti pro uživatele se specifickými potřebami věnuje mnohem větší pozornost, než tomu bývalo dříve. Za Nadellovým zájmem o tuto oblast stojí jeho osobní životní zkušenost, o které nedávno publikoval na blogu Microsoftu o přístupnosti velmi osobní příspěvek s názvem Satya Nadella, Microsoft CEO: “The moment that forever changed our lives.”, v němž vysvětluje důvody, které jej k tomuto rozhodnutí vedly.

Tento přístup mám za krok správným směrem, protože podporuje rozšíření asistivních technologií i k uživatelům, kteří profesionální či finančně nákladná řešení s ohledem na své potřeby nepotřebují, nebo si je z finančních důvodů nemohli či nemohou dovolit. Microsoft tímto přístupem otevírá svůj software mnohem nejširšímu počtu uživatelů, než tomu bylo doposud.

Ještě před několika málo lety totiž vedla jediná cesta ke zpřístupnění prostředí operačního systému Windows přes aplikace třetích stran. A to i v případě, kdy takové řešení bylo s ohledem na potřeby uživatele oním pověstným kanónem na vrabce – nicméně jiná možnost tehdy nebyla a uživatelé byli vzhledem k pořizovací ceně zcela závislí na pomoci státu. Dnes je situace jiná a aktuální verze operačního systému Windows 10 obsahuje nemálo funkcí, které mohou uživatelé pro zpřístupnění obsahu a aplikací použít, aniž by si museli pořizovat nákladná řešení.

Uživatelé, kteří s ohledem na své potřeby pro zpřístupnění operačního systému Windows a aplikací nepotřebují profesionální řešení typu JAWS nebo ZoomText, mohou dnes snadno a bez dalších vícenákladů využívat možnosti, které jim Microsoft nabízí jako součást operačního systému Windows 10. A že se tak děje, mohu potvrdit z vlastní zkušenosti, kdy nemálo uživatelů, kteří dříve ke zvětšování informací na obrazovce používali některé z placených řešení, si dnes naprosto bez problémů vystačí s Lupou od Microsoftu.

Poodobně je tomu i u konkurenčních produktů od společností Google a Apple, ale o těch si něco řekneme někdy příště 🙂

Microsoft Accessibility

Řešení tu jsou, důležitá je osvěta a vzdělávání

Řešení v podobě přístupných technologií (ať už placených, či zdarma) tedy dnes máme k dispozici a jsou uživatelům dostupná v rozsahu, jako tomu dosud nikdy nebylo. Možnost, že přijdu do běžného obchodu, koupím si počítač nebo mobilní telefon, spustím na něm odečítač obrazovky nebo zvětšovací program, který je nedílnou součástí jeho operačního systému, je věc, která ještě před několika lety nebyla možná.

Problém, na který ale opakovaně narážím je ten, že uživatelé v dnešní, informacemi přehlcené době, často vůbec netuší, že bezplatná (či finančně dostupná) řešení jsou od nich vzdálena doslova několik stisků kláves a že není třeba se vždy spoléhat na podporu Úřadu práce ČR jako na primární zdroj, přes který je nutné počítač, tablet či mobilní telefon pořizovat.

Díky tomu, že jsou tyto funkcionality nedílnou součástí operačního systému, jsou samozřejmě dostupné všem, kdo je potřebují. Tedy nejen uživatelům s těžkým postižením zraku, ale každému, kdo si potřebuje informace ma obrazovce občas zvětšit nebo si je nechat přečíst umělým hlasem.

Jaké možnosti zpřístupnění dnes Microsoft uživatelům Windows 10 nabízí? Pojďme si alespoň ty stěžejní z nich krátce představit.

Předčítání (Narrator)

Předčítání (Narrator) nabízí uživatelům možnost využívat hlasový nebo hmatový výstup. V kombinaci s integrovaným českým hlasem můžeme začít Předčítání naplno využívat a bez nutnosti instalace odečítače nebo syntetizéru pracovat na jakémkoli počítači s Windows 10 (to může být výhoda zejména ve firemním prostředí, kde je často z bezpečnostních důvodů instalace aplikace třetích stran uživateli zakázána).

Pro spuštění Předčítání stiskneme klávesovou zkratku Windows + Ctrl + Enter Systém k nám začne promlouvat srozumitelným českým hlasem Microsoft Jakub a my jej můžeme začít používat i bez zrakové kontroly.

Pro ukončení předčítání opět stiskneme klávesovou zkratku Windows + Control + Enter.

Další informace k programu Předčítání

Getting started with Narrator in Windows 10 – Microsoft Support

Lupa

Lupa umožňuje zvětšení části obrazovky. Je možné ji spustit v celoobrazovkovém módu, jako samostatné okno, nebo jako čočku, která sleduje ukazatel myši na obrazovce. Lupu lze odkudkoli – včetně přihlašovací obrazovky Windows – zapnout klávesami Windows + NUM PLUS. Oproti profesionálním zvětšovacím programům, které se zpravidla poměrně dlouho spouštějí, je spuštění Lupy téměř okamžité. Lupu můžeme kdykoli vypnout stiskem kláves Windows + Escape. Pro změnu úrovně zvětšení můžeme použít klávesy Windows + NUM PLUS a Windows + NUM MÍNUS. Úroveň zvětšení lze také měnit kolečkem myši při současně stisknutých klávesách Ctrl + Alt (případně pravý Alt).

Další informace k programu Lupa

Předčitání i Lupu lze používat současně a využít tak výhod, které přináší zvětšení informací zobrazených na displeji v kombinaci s hlasovým výstupem.

Usnadnění přístupu – další možnosti

Kromě dvou výše popsaných klíčových nástrojů nabízí Microsoft uživatelům Windows 10 i řadu dalších nastavení, které jim mohou usnadnit používání

Čemu dalšímu se Microsoft na poli přístupnosti věnuje?

Kromě zpřístupňování operačního systému Windows 10 je Microsoft aktivní i v dalších oblastech. Ať už jsou to aplikace Seeing AI a Hearing AI, postavené na umělé inteligenci, Microsoft Soundscape – navigační aplikace, která sděluje informace o okolí prostřednictvím binaurálních 3D zvuků, či canetroller – haptický ovladač pro virtuální realitu.

Další informace

Seeing AI app from Microsoft

Ale o těch tady na POSLEPU zase až někdy příště 🙂 Bližší informace o dalších aktivitách Microsoftu v oblasti přístupnosti najdete ve skvělém přehledovém článku Microsoft Accessibility Features.