Archiv štítku: Testování přístupnosti

Informační technologie v knihovnách 2020: webinář o přístupnosti webu

V pondělí 26. 10. jsem měl možnost (za kterou velmi děkuji) přispět do programu online semináře Informační technologie v knihovnách 2020. Seminář byl tématicky zaměřen na problematiku přístupnosti webových stránek a knihovních katalogů.

A protože záznamů frontálně vedených nízkoprahových přednášek k tomuto tématu je k dispozici spousta a nepřišlo nám fér opakovat už x-krát řečené (obzvlášť, když si je mohou zájemci kdykoliv pustit), rozhodli jsme se, že seminář zaměříme co možná nejvíce prakticky a nabídneme účastníkům možnost si testování různých aspektů přístupnosti vyzkoušet v praxi. A v závěru představit i nově online zveřejněnou metodickou příručku Přístupné webové stránky.

Pro informační předpřipravení se jsme účastníkům doporučili především následující zdroje:

A když už jsme do přípravy a vlastní realizace semináře investovali spoustu času a energie, rozhodli jsme se jeho výstupy veřejně nabídnout všem, kdo o ně budou mít zájem. Zájemcům tedy nabízíme videozáznam webináře, představení příručky i příručku samotnou 🙂

Záznam online semináře Informační technologie v knihovnách 2020

Představení příručky Přístupné webové stránky

Ohlasy účastníků

Ačkoliv jsme se koncepcí rozkročili hodně zeširoka – program zahrnoval živé vstupy, předtočené materiály, online práci ve skupinách, sdílení výsledků, diskusi… – seminář se i díky aktivnímu přístupu účastníků vydařil a měl jsem z něj skvělý pocit. A soudě podle ohlasů, líbil se i účastníkům, kteří jej hodnotili jako nadmíru přínosný. Rád bych ocitoval aspoň některé z nich.

  • Seminář mi moc pomohl, zorganizování práce ve skupinách muselo být nesmírně náročné na přípravu, ale byla jsem ráda, že jsme si všechno mohli prakticky vyzkoušet. Podrobné představení příručky mi také ujasnilo mnoho věcí.
  • Díky za velmi zajímavý, přínosný a prakticky zaměřený seminář.
  • Celý online seminář byl výborně připravený (obsahově), technicky výborně zabezpečený, lektoři naprosto výjimeční…
  • Děkuji za přípravu webináře! Vše bylo velmi srozumitelné a oceňuji interaktivní část. Příručka je také výborná a těším se na další aktualizace.
  • Uvedla jsem, že byla účast „spíše přínosná“ pouze proto, že jsem si materiály prostudovala dopředu a v samotný den to bylo spíše takové opakování. Ale s praktickými ukázkami a v důsledku je i to prostudování materiálů zásluha webináře 🙂
  • Opravdu velmi děkuji za uspořádání akce, která pro mne byla moc přínosná. Zorganizovat práci v menších skupinách a vytvoření všech materiálů muselo stát velké úsilí, které se ale podle mne opravdu zúročilo, vše bylo snadno pochopitelné a návodné.
  • Super připravený seminář, děkuji a přeji pěkný den 😃
  • Moc děkujeme, bylo to velmi přínosné!

Poděkování závěrem

Závěrem bych rád poděkoval Lindě a Evě za perfektní spolupráci. Bylo mi opravdu ctí a potěšením se na semináři podílet a svou trochou přispět k jeho zdárnému průběhu.

Tématika přístupnosti v časopise Čtenář

Přístupnost byla i stěžejním tématem desátého čísla měsíčníku Čtenář. Pod zastřešujícím názvem “KNIHOVNY A HANDICAP FRIENDLY” v něm vyšlo sedm článků, které se této tématice podrobně věnují.


Seminář Informační technologie v knihovnách 2020 připravily pražská organizace SKIP, Národní knihovna ČR, Knihovna Jabok a Osvobozená knihovna, z. s.

Aplikace pro analýzu a souhrn obsahu webové stránky: dotazník k diplomové práci

Student Jihočeské univerzity v Českých Budějovicích Radek Hiess aktuálně dokončuje diplomovou práci zaměřenou na tvorbu metodiky pro obsahovou analýzu webových stránek. Součástí práce je také pilotní verze aplikace pro analýzu a souhrn obsahu webových stránek. Aplikace umí efektivně předat informace o obsahu webové stránky, aniž byste museli s odečítačem obrazovky projít celou stránku. Stačí jen zadat adresu webu. Hlasová syntéza Vám poté interpretuje nejdůležitější informace z textu, popisky obrázků a další užitečné údaje.

V rámci výzkumu bychom Vás nyní rádi poprosili o pomoc při testování aplikace a vyhodnocení vytvořené metodiky. Do výzkumu hledáme zcela nevidomé nebo i slabozraké osoby, které běžně pracují s počítačem a používají odečítač obrazovky.

Celý proces testování má dvě fáze:

  • Samotné testování aplikace (není povinná),
  • vyplnění dotazníku.

Předem je potřeba upozornit, že se jedná o testovací aplikaci, vytvořenou pro účely diplomové práce. Aplikace v současné době umí pouze analýzu webů v anglickém jazyce. Dotazník lze vyplnit i bez testování aplikace. Všechny potřebné informace jsou obsaženy přímo v něm. Dotazník je anonymní a veškeré informace budou použité výhradně pro účely zlepšení testované aplikace. Vyplnění dotazníku Vám zabere přibližně 15 minut.

Aplikace je dostupná na adrese 13.66.186.54:1880/app,
dotazník – Aplikace pro sumarizaci webových stránek je taktéž k dispozici online.

Pokud byste narazili na problém s přístupností dotazníku nebo byste měli jakékoli dotazy k aplikaci, kdykoli můžete kontaktovat autora aplikace na e-mailu r.hiess@gmail.com.

Velice si vážíme Vaší ochoty a děkujeme za Váš čas.

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 🙂