Popis obrázku: Živá ilustrace prvků online nakupování, včetně nákupního košíku s balíčky, barevných předmětů, jako jsou boty, tašky a sluchátka, a ikon pro přístupnost, vyhledávání, přehrávání a zvuk. Výrazné tlačítko „Koupit nyní“ a různé prvky uživatelského rozhraní zdůrazňují zážitek z elektronického obchodování.
Porozumění čtečkám obrazovky
Čas na čtení: 8 minut
Pro ty, kteří nejsou obeznámeni s testováním čteček obrazovky, může být přijetí jiného úhlu pohledu poučným zážitkem, který odhalí, jak uživatelé se zrakovým postižením procházejí digitálním obsahem. Čtečky obrazovky jsou softwarové aplikace, které umožňují lidem se zrakovým postižením používat počítač tím, že hlasově přehrávají obsah na obrazovce nebo jej zobrazují v braillově písmu.
Čtečky obrazovky pro přístupnost webu
| Čtečka obrazovky | Popis |
|---|---|
| JAWS | Job Access With Speech (JAWS) je široce používaný čtecí program pro Windows. Je nezbytný pro testování webového obsahu a funguje s prohlížeči jako Chrome a Firefox. Aby bylo možné JAWS efektivně používat, je nutné se naučit jeho klávesové zkratky, protože většina uživatelů nepoužívá myš. Jeho příkazy pro čtení a navigační zkratky, jako je stisknutí klávesy „H“ pro přechod na další nadpis nebo „T“ pro přechod na další tabulku, jsou nedílnou součástí navigace na webu. |
| NVDA | NonVisual Desktop Access (NVDA) je bezplatný čtečka obrazovky kompatibilní se systémem Windows. Je známá svou snadnou obsluhou a širokou škálou klávesových příkazů podobných JAWS, jako je navigace pomocí odkazů, nadpisů a ovládacích prvků formulářů pomocí klávesových zkratek. Nastavení, jako je hlas a rychlost, lze upravit přímo z nabídky. |
| VoiceOver | Funkce VoiceOver od společnosti Apple je integrována do zařízení Mac a iOS a poskytuje robustní podporu pro navigaci ve webovém obsahu v prohlížeči Safari. Zavádí jedinečné funkce, jako je Rotor, který vám umožňuje vybrat typ prvků webové stránky, mezi nimiž se budete pohybovat pomocí jednoduchých gest. Pro efektivní testování je nezbytné seznámit se s příkazy VoiceOver. |
| TalkBack | TalkBack je ekvivalentní čtečka obrazovky pro zařízení Android. Nabízí řadu gest a nastavení, která vám umožňují prozkoumávat webový obsah a interagovat s ním pomocí prohlížeče Chrome. Místní kontextové menu je klíčovým nástrojem v aplikaci TalkBack, který uživatelům umožňuje vybírat nastavení navigace, jako jsou nadpisy nebo odkazy, pomocí jednoduchých pohybů prstem. |
| Vypravěč | Narrator je vestavěný čtečka obrazovky pro Windows, která si získala popularitu společně s prohlížeči jako Edge. Díky řadě příkazů usnadňuje Narrator procházení webu a čtení obsahu. Jeho „režim skenování“ je obzvláště užitečný pro procházení obsahu a automaticky se vypne, když potřebujete pracovat s prvky, jako jsou textová pole. |
| Čtečka obrazovky Dolphin | Populární ve Velké Británii a Evropě, Dolphin ScreenReader pro Windows nabízí odlišnou sadu klávesových zkratek a pyšní se funkcemi přizpůsobenými pro rozložení klávesnic stolních počítačů i notebooků. Podporuje prohlížeče Chrome, Firefox a Edge a nabízí možnost zvukového čtení webového obsahu, díky čemuž je navigace intuitivní. |
| Orca | Orca je komplexní čtečka obrazovky pro systémy Linux, včetně distribucí jako Ubuntu a Fedora. Poskytuje robustní podporu pro navigaci ve webovém obsahu a aplikacích prostřednictvím prohlížečů jako Firefox a Chromium. Orca nabízí řadu klávesových příkazů pro čtení a interakci s webovými prvky a umožňuje rozsáhlé přizpůsobení hlasového výstupu a nastavení. |
Testování pomocí čtečky obrazovky odhaluje, jak různé nástroje interpretují nadpisy, odkazy a interaktivní prvky, což je nezbytné pro zajištění souladu s požadavky na přístupnost. Zatímco vidoucí uživatelé mohou obsah vizuálně procházet, uživatelé čtečky obrazovky se spoléhají na lineární, textové zobrazení. Proto je pochopení struktury a sémantiky webového obsahu zásadní.
I když se naučit ovládat všechny čtečky obrazovky nemusí být praktické, seznámení se s jejich základními funkcemi může výrazně zlepšit přístupnost webu. Doporučuje se otestovat obsah pomocí více čteček obrazovky, aby bylo pokryto celé spektrum interakcí a preferencí uživatelů.
Seznamte se se základními příkazy a funkcemi usnadňujícími přístuppro čtečky obrazovky.
Každý čtecí program má sadu jedinečných příkazů. Než začnete testovat, seznamte se se základními navigačními funkcemi, jako je pohyb mezi nadpisy, odkazy a ovládacími prvky. To často zahrnuje naučení se kombinací kláves. Například v programu JAWS můžete stisknout klávesy „Insert“ + „F7“ pro zobrazení seznamu odkazů, zatímco program NVDA používá pro podobnou funkci klávesu „NVDA“ + „F7“.
| Testovací úkol | Metody navigace |
|---|---|
| Seznamte se s funkcemi usnadnění přístupu ve vašem operačním systému |
|
| Proveďte základní navigační testy |
Otevřete webovou stránku a pomocí čtečky obrazovky procházejte její obsah:
|
| Upravte nastavení pro testování |
Chcete-li simulovat zážitek přesněji, upravte nastavení čtečky obrazovky:
|
| Používejte vývojářské a testovací nástroje | Využijte vestavěné vývojářské nástroje nebo rozšíření, jako je WAVE, a vývojářskou konzoli prohlížeče, abyste pochopili, jak čtečky obrazovky interpretují kód za vaším webovým obsahem. To vám pomůže identifikovat případné strukturální problémy, které nemusí být okamžitě zřejmé pouze na základě zvukové zpětné vazby. |
Testování pomocí čteček obrazovky vyžaduje trpělivost. Věnujte čas nácviku práce s čtečkou obrazovky, abyste se v ní mohli pohybovat stejně zdatně jako běžný uživatel. Nezapomeňte, že čtečky obrazovky jsou složité nástroje a naučit se je efektivně používat zabere nějaký čas. Jakmile obsah otestujete, zvažte, zda nepožádáte o zpětnou vazbu skutečné uživatele čteček obrazovky. Začleněním testování čteček obrazovky do svých pracovních postupů kontroly kvality odhalíte problémy, které automatické skenování samo o sobě nedokáže odhalit.
Aby bylo testování čteček obrazovky efektivní a komplexní, je důležité zohlednit několik faktorů, které mohou ovlivnit uživatelský komfort osob využívajících tuto technologii. Zde je podrobný průvodce, který vám pomůže porozumět těmto faktorům a začlenit je do vašich testovacích postupů.
Klíčové aspekty testování čteček obrazovky
- Porozumět uživatelské zkušenosti
- Než začnete s testováním, je důležité pochopit, jak čtečka obrazovky interpretuje a prezentuje webový obsah. Na rozdíl od vidících uživatelů, kteří mohou rychle přehlédnout celou webovou stránku, uživatelé čtečky obrazovky přijímají informace postupně a lineárně. To znamená, že logické pořadí vašeho obsahu a způsob jeho kódování jsou velmi důležité.
- Testování na různých platformách
- Windows: JAWS a NVDA jsou známé, ale nezapomínejte ani na Narrator, který se neustále zlepšuje.
- MacOS: Funkce VoiceOver je hluboce integrována a nabízí jedinečné navigační funkce, jako je například rotor.
- Linux: Orca poskytuje spolehlivé čtení obrazovky v systému Linux a integruje se s prohlížeči a desktopovým prostředím GNOME.
- Mobilní zařízení: Nezapomeňte otestovat funkci VoiceOver v systému iOS a TalkBack v zařízeních Android, protože přístupnost mobilních zařízení je velmi důležitá.
- Interaktivní prvky
- Zajistěte, aby všechny interaktivní prvky, jako jsou formuláře, tlačítka a odkazy, byly jasně označeny a bylo možné je ovládat pomocí standardních klávesových zkratek pro čtečky obrazovky. Testování by mělo potvrdit, že tyto prvky jsou nejen přístupné, ale také poskytují zpětnou vazbu při interakci, například potvrzení odeslání formuláře.
- Dynamický obsah
- Testování musí zahrnovat také dynamický obsah, jako jsou modální dialogy, živé aktualizace a rozhraní založená na AJAXu. Zajistěte, aby změny v obsahu byly oznamovány čtečkou obrazovky bez nutnosti obnovení stránky.
- Vizuální závislost
- Zhodnoťte, zda funkčnost nebo obsah vašeho webu příliš závisí na vizuálních podnětech. Zajistěte, aby všechny informace sdělené barvou nebo rozvržením byly dostupné také prostřednictvím textu.
- Použití ARIA (přístupné bohaté internetové aplikace)
- Role a vlastnosti ARIA pomáhají zlepšit přístupnost webového obsahu, zejména dynamického obsahu a pokročilých ovládacích prvků uživatelského rozhraní vyvinutých pomocí Ajaxu, HTML, JavaScriptu a souvisejících technologií. Zajistěte správné používání štítků a rolí ARIA, kde je to vhodné.
- Zpětná vazba a iterativní testování
- Zohledněte zpětnou vazbu od skutečných uživatelů čteček obrazovky. Jejich postřehy mohou poskytnout cenné pohledy, které automatizované nástroje a simulace mohou přehlédnout. Iterativní testování, které zahrnuje pravidelné kontroly a aktualizace, může pomoci efektivněji řešit problémy s přístupností.
- Dokumentace a školení
- Vedejte komplexní dokumentaci o svých protokolech přístupnosti a procesech testování čteček obrazovky. Navíc investujte do školení vývojářů a tvůrců obsahu v oblasti osvědčených postupů přístupnosti, aby byla přístupnost zohledněna v každé fázi vývoje webových stránek.
- Dodržování právních předpisů a osvědčené postupy
- Nakonec se ujistěte, že váš web splňuje právní normy, jako jsou EAA (Evropský zákon o přístupnosti), ADA (Americký zákon o osobách se zdravotním postižením), oddíl 508 zákona o rehabilitaci a WCAG (Pokyny pro přístupnost webového obsahu). Dodržování těchto pokynů nejen pomáhá zvýšit přístupnost vašeho webu, ale také zlepšuje celkový uživatelský zážitek pro všechny.
Závěr
Účinné testování čteček obrazovky zahrnuje vyzkoušení více zařízení, platforem a prohlížečů, aby se zohlednily reálné případy použití. Díky pochopení a implementaci důkladných testovacích protokolů může kdokoli zajistit, že jeho weby budou přístupné, a tím osloví širší publikum a poskytne lepší uživatelský zážitek. Tento závazek k přístupnosti může výrazně zlepšit pověst a účinnost vaší digitální přítomnosti.
Přečtěte si více o našich službách v oblasti evropského zákona o přístupnosti, které nabízíme.
EAA je účinná od28. června 2025.
