wave accessibility testing tool tutorial
Výukový program pre nástroj WAVE Web Accessibility Tool: Ako používať rozšírenie WAVE pre Chrome a Firefox
Panel nástrojov Prístupnosť webu bol podrobne vysvetlený v našom predchádzajúcom návode. Tento výukový program nadväzuje na prvý v tejto sérii, pozrite si ho tu - Testovanie dostupnosti webu - časť 1 .
V tomto tutoriáli sme sa pozreli na niekoľko základných pojmov, čo je to dostupnosť a ako ju možno vyhodnotiť pomocou nástrojov na testovanie dostupnosti.
fáza životného cyklu vývoja softvéru
V tomto tutoriáli uvidíme niekoľko ďalších nástrojov prístupnosti, ako napríklad WAVE Toolbar, nástroj JAWS Accessibility, techniky a podrobnosti.
(obrázok zdroj)
Čo sa dozviete:
MÁVAŤ(Nástroj na hodnotenie dostupnosti webu)
Nástroj WAVE je nástroj na hodnotenie prístupnosti webu - panel nástrojov pre Prehliadač Firefox.
Je dôležité poznamenať, že WAVE vám nemôže povedať, či je váš webový obsah prístupný; iba človek môže určiť skutočnú dostupnosť. WAVE vám však môže pomôcť vyhodnotiť prístupnosť vášho webového obsahu.
Všetky vyhodnotenia prebiehajú priamo v prehliadači a na servery WAVE sa neodosielajú žiadne informácie. To zaisťuje 100% súkromné a zabezpečené hlásenie dostupnosti.
Stiahnutie panela nástrojov prístupnosti k webu WAVE nájdete na http://wave.webaim.org/toolbar/ a stiahnite si ho na F prehliadač irefox . Uistite sa, že otvoríte adresu URL na stiahnutie v prehliadači Firefox, pretože panel nástrojov WAVE podporuje iba Firefox.
Ako používať panel s nástrojmi WAVE Web Accessibility
Nasledujú funkcie, ktoré môžeme používať pri práci na prehliadači Firefox:
# 1) Vyberte web http://www.easports.com/ , potom kliknite na „Chyby, funkcie a výstrahy“, stránka s upozorneniami na prístup a chybami v žltej farbe. Umiestnite kurzor myši na obrázky a zobrazte podrobnosti upozornení.
( Poznámka : kliknite na ľubovoľný obrázok pre zväčšenie)
#dva) Teraz kliknite na „Zobrazenie štruktúry / objednávky“, zobrazí sa stránka s podrobnosťami vloženého rámu.
# 3) Teraz kliknite na „Iba textové zobrazenie“, stránka sa zobrazí bez obrázkov, štýlov a rozložení.
# 4) Ikony „Obrysový prehľad“ na paneli nástrojov vás informujú, či sú nadpisy v poriadku alebo nie.
# 5) Ikona „Obnoviť stránku“ stránku obnoví.
# 6) Kliknutím na „Zakázať štýl“ odstránite štýly CSS zo stránky.
# 7) Tlačidlo „Ikonový kľúč“ zobrazí zoznam všetkých ikon WAVE s ďalšími podrobnosťami, informáciami a odporúčaniami.
Môžete tiež vyhodnotiť prístupnosť webovej stránky bez stiahnutia nástroja wave a priamo ho použiť online.
Kroky na overenie prístupnosti webovej stránky
Krok 1) Kliknite na URL: http://wave.webaim.org/
Krok 2) Zadajte znak Adresa webovej stránky v text box a stlačte kláves Enter. Ideme použiť s ako príklad. Takže do textového poľa zadajte stránku www.facebook.com a kliknite na tlačidlo Enter.
Krok č. 3) Súhrnné podrobnosti nájdete na ľavej strane navigácie.
- Chyby by sa zobrazovali červenou farbou s počtom. V mojom prípade sa zobrazuje ako 13.
- Varovania by sa zobrazovali žltou farbou s počtom 13.
- Objekty by boli zelené s počtom 10.
- Štrukturálne prvky by boli 6 v modrej farbe.
- HTML5 a ARIA by boli 15 vo fialovej farbe.
- Chyby kontrastu by boli 14 v čiernej farbe.
Kliknutím na každú ikonu získate ďalšie informácie o prvkoch, ktoré sú uvedené vyššie, aby vás varovali (v strede stránky).
Teraz sa pozrime na inú kategóriu nástrojov:
Bezplatné overovače dostupnosti webových stránok:
Niekoľko ďalších najlepších nástrojov na kontrolu prístupnosti webu:
- Nástroj na hodnotenie prístupnosti otvoreného zdroja AChecker
- PowerMapper
- Prístupnosť s obsluhou
- EvalAccess
- MAGENTA
Nástroje pre zrakové postihnutie
Zrakové postihnutie sa týka straty zraku. Existujú rôzne druhy zrakových postihnutí:
- Slepota
- Zhoršené alebo obmedzené videnie
- Farbosleposť
Používatelia so zrakovým postihnutím používajú softvér podpornej technológie, ktorý nahlas číta obsah.NapríkladJAWS pre operačné systémy Window, NVDA pre operačné systémy Window, Voice Over pre Mac. Užívateľ UA so slabým zrakom môže zväčšiť text aj pomocou nastavenia prehliadača alebo vynikajúceho nastavenia operačného systému. Tieto funkcie sa naučíme pomocou nástrojov Zväčšovače a JAWS.
A) Lupy
1) Zväčšenie zväčšeného textu zväčšuje všetko na obrazovke vášho počítača a umožňuje ľahkú viditeľnosť a použitie aplikácií. Môžete si ho stiahnuť z tento odkaz .
Ak chcete získať dobrú predstavu o tom, ako to funguje, dôrazne vám odporúčame stiahnuť si bezplatnú skúšobnú verziu a experimentovať.
dva) Lupa okna tiež zväčší rôzne časti obrazovky. Otvoríme ho kliknutím na tlačidlo Štart na pracovnej ploche a zadaním zväčšenia. Kliknite na program Lupa. Keď umiestnite kurzor myši na webovú stránku, tento nástroj zväčší veľkosť obrazovky a zobrazí sa.
3) Slepí používatelia počítačov, ktorí nemôžu používať bežný monitor počítača, používajú na čítanie textového výstupu obnoviteľný Braillov displej alebo Braillov terminál.
Podľa Wikipedia , obnoviteľný Braillov displej alebo terminál Braillovho písma je elektromechanické zariadenie na zobrazovanie znakov v Braillovom písme, zvyčajne pomocou kolíkov s okrúhlym hrotom, vyvýšených cez otvory na rovnom povrchu.
B) JAWS - Prístup k práci s rečou
JAWS je čítačka obrazovky, ktorá sa používa na testovanie webových stránok v operačnom systéme Windows a ktorá umožňuje zrakovo poškodeným používateľom čítať obrazovku. JAWS podporujú všetky verzie operačných systémov a poskytujú obnoviteľný Braillov displej.
Nasledujú príkazy klávesnice na používanie JAWS:
Základné funkcie testované pomocou JAWS sú:
- JAWS poskytujú počet klávesových skratiek na prechádzanie webových stránok. Napríklad šípky, klávesy Page Up a Down, Home, End a niekoľko ďalších navigačných klávesov JAWS.
- Odkazy, obrázky a obrazové mapy: JAWS poskytuje stlačenie klávesov na navigáciu z jedného odkazu na druhý na webovej stránke.
- Polia a ovládacie prvky formulára HTML : JAWS poskytuje stlačenie klávesov na navigáciu medzi prvkami formulára
- Rámy HTML : Navigácia v rámcoch pomocou klávesnice.
- Tabuľky : Navigácia v bunkách tabuľky
Toto je stručný prehľad rôznych techník a nástrojov, ktoré sa používajú na hodnotenie prístupnosti.
Tipy na testovanie prístupnosti pre vývojárov a testerov
- Majú všetky aktívne obrázky alternatívny text, ktorý naznačuje, čo robí odkaz alebo tlačidlo?
- Majú všetky ozdobné obrázky a nadbytočné obrázky nulový (alt = ””) alternatívny text?
- Majú všetky informačné obrázky alternatívny text, ktorý poskytuje rovnaké informácie ako poskytované obrázky?
- Je stránka usporiadaná podľa nadpisov? Sú označené ako nadpisy?
- Máte prístup ku všetkému pomocou klávesnice?
- Bude sa vaša stránka v čítačke obrazovky čítať v logickom poradí?
- Je jasné, na ktorý prvok je zameraný, keď používate prístup z klávesnice?
- Sú všetky dôležité informácie vo videu dostupné prostredníctvom štandardného zvuku alebo prostredníctvom pridaného zvukového popisu?
Vývojový tím sa môže ubezpečiť, že ich produkt je v súlade s prístupnosťou, kontrolou kódu a testovaním jednotky.
Typické testovacie prípady:
webové stránky, ktoré vám umožňujú sťahovať youtube videá
- Uistite sa, že všetky funkcie sú dostupné iba pomocou klávesnice (nepoužívajte myš)
- Zaistite, aby boli informácie viditeľné, keď sa nastavenie displeja zmení na režimy Vysoký kontrast.
- Zaistite, aby nástroje na čítanie z obrazovky dokázali prečítať všetok dostupný text a ku každému obrázku / obrázku bol priradený zodpovedajúci alternatívny text.
- Uistite sa, že akcie klávesnice definované produktom neovplyvňujú klávesové skratky prístupnosti.
Záver
Dostupnosť webu ponúka zdravotne postihnutým používateľom veľa príležitostí. Musíme však uznať skutočnosť, že je ťažké zabezpečiť úplný prístup pre všetky druhy zdravotného postihnutia alebo ťažkostí, ktoré by používateľovi mohli zabrániť v prístupe k obsahu webovej stránky.
Je možné podniknúť kroky, ale nemusí to byť 100%. Ak sa budeme riadiť štandardmi uvedenými v tomto článku od počiatočnej fázy vývoja, môžeme ľahko vytvoriť prístupný web pre väčšinu používateľov.
V komentároch nižšie môžete navrhnúť ďalšie nástroje a tipy na testovanie prístupnosti.
Výukový program PREV | PRVÝ výukový program
Odporúčané čítanie
- Výukový program pre testovanie prístupnosti WAT (Panel nástrojov dostupnosti webu)
- Výukový program pre testovanie prístupnosti (Kompletný sprievodca krok za krokom)
- Hĺbkové návody pre zatmenie pre začiatočníkov
- Výukový program Geb - Testovanie automatizácie prehľadávača pomocou nástroja Geb
- Najlepšie nástroje na testovanie softvéru 2021 (QA Test Automation Tools)
- Top 20 nástrojov na testovanie prístupnosti pre webové aplikácie
- Výukový program pre deštruktívne testovanie a nedeštruktívne testovanie
- Funkčné testovanie vs. Nefunkčné testovanie