Archiv rubriky: Nástroje

Jak na jednoduchý audit přístupnosti – otestujte si bezbariérovost svého webu

Schopnost otestovat si, zda web, který vytvářím, neobsahuje žádné zásadní prohřešky proti pravidlům přístupnosti, by měla patřit mezi základní dovednosti každého webdesignéra. S tím, jak si takový jednoduchý audit přístupnosti webu udělat, seznamuje diváky v následujícím videu Rob Dodson. A protože mnou doporučovaný postup vypadá až na drobnosti prakticky stejně, pojďme si ukázat, jak takový jednoduchý audit provést a na co se zaměřit.

How I do an accessibility audit — A11ycasts #11

Jednoduchý audit přístupnosti pokrývá následující stěžejní oblasti

Přístupnost a ovladatelnost prvků webové stránky z klávesnice

První věc, kterou je vhodné zkontrolovat, je přístupnost a ovladatelnost prvků z klávesnice. Klávesnice je nejdostupnější nástroj pro testování přístupnosti webu, protože i přes čím dál větší zastoupení mobilních zařízení se stále jedná o primární vstupní zařízení a každý uživatel ji má po ruce.

Jak na to? Přístupnost z klávesnice velmi jednoduše otestujeme tak, že na klávesnici začneme mačkat tabulátor. Pokud jsme se tímto způsobem schopni dostat na každý prvek a máme možnost jej z klávesnice obsloužit, pak je vše v nejlepším pořádku.

Nezapomeneme také ověřit, zda

  • prvek, který při ovládání z klávesnice získá focus, je dostatečně zvýrazněn a uživatel je tak vizuálně informován o tom, na jakém prvku se právě nachází.
  • na stránce není žádný obsah mimo viditelnou oblast obrazovky, který může nedopatřením získat focus,
  • na stránce jsou k dispozici přeskakovací (skip to) odkazy.

Vyzkoušení jednoduché navigace po webu pomocí screen readeru

Znalost alespoň základní obsluhy některého ze screen readerů by dnes už měla také patřit mezi dovedosti tvůrců webů. Od webového vývojáře se samozřejmě neočekává, že bude znát všechny jejich funkce a bude schopen plnohodnotně nasimulovat práci nevidomého uživatele. Cílem je provést základní otestování, zda na uživatele screen readeru nečeká na webové stránce nějaká past, znemožňující mu práci s ní – tedy zda grafické prvky mají alternativní textové popisky, prvky, které slouží k interakci s uživatelem (tlačítka, rozbalovací seznamy…), je možné obsloužit, či zda dynamicky zobrazený obsah získá focus.

Více informací o tom, jaké kombinace screen readerů a prohlížečů (a jakým způsobem) používat, najdete v článcích

Adam na workshopu JAWS a braille

Strukturování webové stránky – nadpisy, oblasti stránky

Správné strukturování webové stránky korektně vyznačenými nadpisy a oblastmi stránek pomáhá uživatelům screen readerů v porozumění tomu, jak je webové stránka rozvržena. Umožňuje jim také efektivní práci s webem a nabízí možnost rychle se přesunout právě na tu část stránky, kterou potřebují. Dobře vytvořenou strukturu stránky si můžeme představit jako obsah knihy – podobně, jako z obsahu získáme představu o názvech kapitol a díky vazbě název kapitoly–číslo stránky se můžeme rychle v knize přesunout tam, kam potřebujeme, stejnou službu udělá uživateli screen readeru nadpisová osnova a oblasti stránky.

Další informace lze najít v článcích Jak definovat strukturu v HTML a proč jsem začal mít rád HTML5 tagy a Jak přístupně strukturovat webovou stránku pomocí nadpisů – praktický návod.

Otestovat strukturu je možné jak pomocí screen readeru, tak pomocí některého z mnoha rozšíření pro webové prohlížeče (nabízí se například Web Developer).

Bližší informace k testování pomocí screen readerů viz

Představu o tom, jak taková nadpisová osnova vypadá třeba zde na Poslepu.cz, si můžete udělat z následujícího screenshotu (uživatelé screen readerů si ji mohou vyvolat pomocí odpovídající funce svého screen readeru 🙂

Poslepu.cz: ukázka nadpisové osnovy

Barvy a dostatečný kontrast

U jednotlivých prvků na stránce musí být zajištěn dostatečný barevný kontrast mezi popředím a pozadím tak, aby prezentované informace byly dobře čitelné. Nástrojů pro otestování dostatečného kontrastu existuje celá řada. Ve videu je doporučováno aXe extension od Deque Systems. Jedná se o jednoduché rozšíření, pomocí nějž je možné provést automatický audit stránky a nechat se upozornit na možné problémy. Jednou z testovaných oblastí je i dostatečný kontrast použitých barev.

Dalším rozšířením, které k testování používám, je Accessibility Developer Tools. Funguje podobně jako aXe extension, kromě upozornění na nedostatečný kontrast ale nabízí i doporučení, jaké barvy použít, aby byly vzájemně dostatečně kontrastní.

Pokud Vám testování kontrastu na úrovni kódu přijde příliš komplikované, doporučuji vyzkoušet Colour Contrast Analyser, který nabízí uživatelsky přívětivější rozhraní.

Testování přístupnosti jako součást vývoje webu

Na závěr videa pak zazní doporučení, se kterým nelze než souhlasit – zahrnout průběžné testování přístupnosti jako nedílnou součást vývoje webu a tím předcházet vzniku bariér.

Závěr

Tento přehled zcela jistě není vyčerpávající a nepokrývá všechny oblasti přístupnosti. Jeho hlavní výhoda a přínos spočívá v tom, že pomocí něj lze odhalit největší překážky v přístupnosti. Po jejich odstranění se tak může z webu, který bude pro uživatele se specifickými potřebami velmi obtížně přístupný, stát web, který bude vyhovovat alespoň základním požadavkům na přístupnost.

3D tisk pro zrakově postižené – přínosy a rizika, otázky i odpovědi

Listopadová Agora 2017 přinesla množství zajímavých a účastníky velmi žádaných workshopů. Jedním z nich byl i workshop Možnosti použití FFF/FDM 3D tiskáren zrakově postiženými. Jak už jeho název napovídá, jednalo se o praktické představení možností 3D tisku uživatelům s těžkým postižením zraku. Celkem se jej zúčastnilo 25 zájemců, kteří si mohli na základě získaných poznatků udělat představu o možnostech použití FFF/FDM 3D tiskáren.

Jak hodnotil workshop jeden z účastníků?

O 3D tiskárny se zajímám, rád si o tomto tématu čtu články na internetu. Bylo pro mě zajímavé poznat tuto technologii a sledovat, jak 3D tiskárna tiskne objekty. Jsem fanoušek astronomie, setkání s panem Duškem pro mě bylo proto přínosné. Bylo úžasné sledovat, jak nevidomá účastnice kurzu poprvé poznala, že planeta Jupiter je mnohem větší než naše planeta Země. Rozdíl ve velikosti planet nemohla nikdy poznat z obrázků, které mohu sledovat, neboť mám zbytky zraku. 3D tiskárna zpřístupňuje nevidomým informace, které by pro ně byly jinak těžko přístupné.

A protože o toto téma byl opravdu velký zájem, připravil Petr Dušek ze SilencePlease, lektor workshopu, pro náš vzdělávací portál Pélion dva články, shrnující probíraná témata i otázky, které mu účastníci v průběhu workshopu kladli.

V článku Možnosti použití FFF/FDM 3D tiskáren zrakově postiženými (1. část) se na úvod dočtete o tom, co v oblasti 3D tisku uživatelé se zrakovým postižením očekávají (využití ve vzdělávání, pomůcky pro zrakově postižené či návrhy 3D modelů). Na tuto pasáž navazuje detailní popis 3D tisku a seznámení s 3D tiskárnou. V závěru jsou pak čtenáři představeny různé materiály, které je možné pro 3D tisk použít.

Možnosti použití FFF/FDM 3D tiskáren zrakově postiženými – materiál pro tisk

Článek Možnosti použití FFF/FDM 3D tiskáren zrakově postiženými (2. část) je pak primárně věnován zodpovězení zajímavých a častých otázek, které účastníci kladli během workshopu. Můžete si zde přečíst například odpovědi na otázky Jaké je rozlišení 3D tisku?, Jak dlouho trvá 3D tisk? či Je možné si vytisknout třeba vlastní tvář? Přestože mezi lidmi se zrakovým postižením existuje nemalé nadšení z 3D tisku, je nutné nezaujatě upozornit na klíčové problematické oblasti 3D tiskáren a tisku z pohledu zrakově postižených. Přehled možných problematických míst obsahuje závěrečná část druhého článku.

Petrovi ještě jednou děkujeme za přípravu a vedení zajímavého workshopu i za napsání článků a věříme, že se s touto tématikou na Agoře (či jiné akci) nepotkáváme naposled.

KNFB Reader – čtečka tištěných předloh v mobilu

KNFB Reader je aplikace pro chytré mobilní telefony, umožňující vyfotit tištěnou předlohu, pomocí OCR v ní rozpoznat text a přečíst jej hlasovým výstupem. Tato aplikace vzbudila poměrně značnou pozornost hlavně mezi uživateli s těžkým postižením zraku, protože jim může nabídnout možnost číst si cokoli a kdekoli jen s pomocí chytrého mobilu s nainstalovaným KNFB Readerem. Fotit a číst lze nejen dopisy, časopisy či knihy, ale i obaly potravin a léků, displeje přístrojů (například monitor počítače) či nejrůznější štítky a cedulky.

Jak je to s češtinou?

Pro uživatele, kteří chtějí rozpoznávat texty v českém jazyce, začala být tato aplikace zajímavá od verze 2.7 (vydané v červnu 2016), protože od té doby umí rozpoznávat a číst i český text. Rozhraní aplikace ale stále není lokalizováno, takže aspoň minimální znalost angličtiny se určitě hodí.

Na čem lze KNFB Reader provozovat?

Potřebovat budete dostatečně výkonné mobilní zařízení s dostatečně kvalitní kamerou. K dispozici je jak verze pro iOS, tak pro Android. U iPhonů jsou podporovány všechny modely od 4S výše, ale protože iPhone 4S je už přece jen starší model, je lepší použít jakýkoli novější iPhone. U verze pro Android je doporučeno v optimálním případě použít mobil s procesorem hexa nebo octa core, s kamerou 8 megapixelů a Androidem 5 nebo 6. KNFB Reader poběží i na nižších konfiguracích, zaznamenáte u nich ale pomalejší odezvu a větší chybovost při rozpoznávání textu.

Prostředí aplikace

Základní obrazovce aplikace dominují dvě obrovská tlačítka. Pravou polovinu prostřední části obrazovky zabírá tlačítko „Field of View Report“, jehož stiskem si můžete zkontrolovat, zda je dokument, který se chystáte vyfotit, v záběru kamery celý. Levou polovinu prostřední části obrazovky zabírá stejně velké tlačítko „Take Picture“, kterým předlohu vyfotíte a přečtete. Tato velká tlačítka jsou průhledná a je pod nimi vidět živý obraz z kamery, takže pokud uživatel aspoň trochu vidí, má možnost i vizuálně kontrolovat, zda je předloha v záběru, což může hodně pomoci. V horní a dolní části základní obrazovky pak najdete několik tlačítek pro nastavení.

Když poklepáním na velké tlačítko „Take picture“ předlohu vyfotíte, otevře se čtecí obrazovka aplikace. V ní většinu plochy zabírá rozpoznaný text, pod nímž jsou tlačítka, kterými je možné ovládat čtení textu a pohyb v něm. KNFB Reader začne text automaticky číst. Slabozrací uživatelé si mohou vzhled rozpoznaného textu podrobně přizpůsobit – nastavit velikost a písmo, barvu textu, pozadí i zvýraznění čteného úseku. Ze čtecí obrazovky je kdykoliv možné se pomocí gesta Zpět rychle vrátit na základní obrazovku, abyste si vyfotili cokoli dalšího, co chcete přečíst.

Jak nejlépe fotit a zaměřovat předlohy?

Klíčová otázka při použití jakékoli mobilní OCR aplikace je, jak vyfotit předlohu celou, rovně, ostře a dobře osvětlenou, když není možné tyto věci zkontrolovat zrakem. Určitě to chce cvik, který člověk získá praxí.

Honza Šnyrych, provozovatel webu Odečítače.cz, radí pro focení dokumentů následující postup:

  • Předlohu si položím na rovný prázdný stůl, kde je jen tato předloha a žádné další předměty, které by mohly být v záběru kamery.
  • Po stranách předlohy se opřu lokty o stůl a mobil držím oběma rukama na výšku předloktí nad předlohou. To je totiž ta správná výška, aby se formát A4 vešel celý do záběru.
  • Mobil srovnám do vodorovné polohy a vyfotím.

Pokud byste svůj mobil chtěli pro rozpoznávání textu využívat intenzivně a chtěli byste mít zajištěné optimální podmínky při focení, můžete zvážit nákup nějakého stojánku pro focení dokumentů. Telefon je potom ve stojánku fixován ve vodorovné poloze v ideální výšce pro focení dokumentu, takže si takto můžete usnadnit používání a zvýšit přesnost rozpoznávání. A budete-li mobil ve stojánku ovládat z externí klávesnice namísto dotykového displeje, předejdete navíc nežádoucím vibracím ve chvíli focení.

KNFB Reader využívá pro rozpoznávání textu SDK ABBYY FineReaderu. Na rozdíl od většiny jiných OCR aplikací, které posílají obraz k rozpoznání na nějaký server na Internetu, u KNFB Readeru probíhá celé zpracování rozpoznávaného obrazu přímo v telefonu. Díky tomu je vše daleko rychlejší a výsledný text je tedy k dispozici maximálně v řádu sekund. Velmi rychle si tedy možné zjistit, zda byla předloha vyfocena vhodným způsobem a výsledek rozpoznání textu je srozumitelný. Nebo zjistíte, že jste předlohu vyfotili špatně a můžete provést druhý pokus o vyfocení s lepším výsledkem.

Funkce pro co nejlepší zaměření a vyfocení předlohy

KNFB Reader proto nabízí svým uživatelům několik funkcí, usnadnující zaměření a vyfocení předlohy – ty byste marně hledali u běžných OCR aplikací, jejíchž primární cílovou skupinou nejsou uživatelé s těžkým postižením zraku. Jedná se o následující tři funkce.

  • Indikaci náklonu: přepínačem „Tilt Guidance“ v horní části základní obrazovky je možné si zapnout indikaci naklonění pomocí vibrací. Od této chvíle bude mobil na základní obrazovce, ze které fotíte předlohu, vibrovat silněji či slaběji v závislosti na tom, jak moc je nakloněný oproti vodorovnému směru. Předlohu je tedy dobré fotit ve chvíli, kdy mobil ustálíte v poloze, kdy nevibruje, a je tedy přesně vodorovně.
  • Snadné nastavení blesku: v horní části základní obrazovky KNFB Readeru je tlačítko „Camera Flash“, kterým můžete nastavit tři možnosti: On, Off a Automatic.
  • Indikace chybějících okrajů stránky: po stisku tlačítka „Field of View Report“, které na základní obrazovce aplikace zabírá téměř celou pravou polovinu displeje, KNFB Reader pokusně vyfotí předlohu pod kamerou. Nezačne ale rozpoznávat text, jen vám řekne, zda je stránka v záběru kamery vidět celá, nebo jestli v zorném poli kamery nějaký roh či okraj stránky chybí. Ohlásí též, zda není stránka pod kamerou pootočena ve směru nebo proti směru hodinových ručiček. Na základě těchto informací je možné telefon nad předlohou mírně posunout či pootočit a znovu si stejným tlačítkem zkontrolovat, jestli už je stránka pod kamerou vidět celá. A teprve potom předlohu vyfotit a nechat z ní rozpoznat text.

Jaké další možnosti KNFB nabízí?

Kromě prostého vyfocení předlohy a přečtení rozpoznaného textu najdete v KNFB Readeru i další možnosti:

  • Režim focení vícestránkových dokumentů;
  • Rozpoznávání textu z fotografií uložených v telefonu;
  • Rozpoznávání PDF dokumentů;
  • Nastavení typu dokumentu – jednosloupcový, nebo vícesloupcový;
  • Nastavení jazyka rozpoznávaného dokumentu – kromě češtiny je k dispozici angličtina, němčina, francouzština a další jazyky;
  • Nastavení hlasu pro čtení textu;
  • Uložení rozpoznaného textu;
  • Záloha dat aplikace do Dropboxu.

Cena, demoverze, licence

Pro pořízení KNFB Readeru budete potřebovat sáhnout trochu hlouběji do kapsy. Standardní cena je přibližně 100 €, což je na mobilní aplikaci cena velmi vysoká.

U takto drahé aplikace by také určitě bylo vhodné, kdyby si ji člověk mohl dopředu vyzkoušet. Zkušební verze je zatím k dispozici jen pro Android, kde si můžete KNFB Reader bezplatně nainstalovat a rozpoznat jím 25 předloh.

Licence pro iOS nebo Android

V App Storu nebo Google Play si můžete zakoupit verzi pro konkrétní platformu. Pro potencionální zájemce o verzi pro Android může být zajímavé, že díky podpoře Googlu je čas od času možné zakoupit KNFB Reader se slevou 80 % (v českých korunách pak aplikace stojí 649,99 Kč místo aktuálně 2 699,99 Kč). Nabídka bývá časově omezena, pokud se o ní včas dozvíte (třeba tak, že začnete sledovat @KNFBReader na Twitteru) a přijde Vám zajímavá, pak s nákupem neváhejte.

KNFB Reader Enterprise

KNFB Reader je také možné pořídit ve verzi Enterprise. Nákup v České republice je možný například na webu Odečítače.cz. Cena této licence je stejná jako standardní cena v App Storu či Google Play, získáte s ní ale následující výhody:

  • Za cenu jedné licence můžete KNFB Reader instalovat na dvou různých zařízeních bez ohledu na to, zda je na nich systém iOS nebo Android. Nejste tedy ani do budoucna omezeni na jednu z těchto platforem.
  • Získáváte místní uživatelskou podporu. Při zakoupení KNFB Readeru na Odečítače.cz se vždy máte na koho obrátit s žádostí o radu s používáním aplikace nebo při řešení jakýchkoli problémů. Při anonymním nákupu v online obchodu je přístup k uživatelské podpoře složitější.
  • Při nákupu na Odečítače.cz nemusíte mít platební kartu s možností placení na internetu. Na rozdíl od online obchodů je možné platit i převodem na účet nebo hotově.
  • Pro uživatele, kteří potřebují provozovat KNFB Reader na více jak dvou zařízeních, nebo pro organizace, které vyžadují víceuživatelské licence, jsou dostupné rozšířené licence KNFB Readeru Enterprise se zvýhodněnými cenami.

KNFB Reader Online School

U pomůcek pro uživatele se zrakovým postižením více než kde jinde platí, že je velmi důležité se s nimi naučit efektivně pracovat. K tomu může pomocí třeba série videí na YouTube (videa jsou v angličtině), kterou připravila National Federation of the Blind.

KNFB Reader na INSPO 2017

Pokud váháte, zda si aplikaci pořídit, a nechcete se pouštět do zkoušení sami, přijďte se s KNFB Readerem prakticky seznámit na konferenci INSPO 2017. Honza Šnyrych bude mít v sekci Přístupnost nejen webu prezentaci KNFB Reader a chytrý mobil jako čtečka tištěných textů pro zrakově postižené. S registrací na INSPO neotálejte, kapacita konference už je ze dvou třetin zaplněna.

Konference INSPO

Podělte se o své zkušenosti s KNFB Readerem

Pokud se pro pořízení KNFB Readeru rozhodnete (či už jej vlastníte a používáte), budu rád, když do komentářů pod tímto příspěvkem napíšete své zkušenosti s tím, kde a jak vám pomáhá. Děkuji.