Menu

Výukový program pre testovanie prístupnosti WAVE

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.

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.

fáza životného cyklu vývoja softvéru

Prístupnosť WAVE

[obrázok zdroj]

Čo sa dozviete:

MÁVAŤ(Nástroj na hodnotenie dostupnosti webu)

Panel nástrojov WAVE

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)

Nástroje na testovanie prístupnosti na web 1

#dva) Teraz kliknite na „Zobrazenie štruktúry / objednávky“, zobrazí sa stránka s podrobnosťami vloženého rámu.

Hodnotiaci nástroj WAVE Web Accessibility

# 3) Teraz kliknite na „Iba textové zobrazenie“, stránka sa zobrazí bez obrázkov, štýlov a rozložení.

Hodnotiaci nástroj Wave Web Accessibility

# 4) Ikony „Obrysový prehľad“ na paneli nástrojov vás informujú, či sú nadpisy v poriadku alebo nie.

Hodnotiaci nástroj WAVE Web Accessibility 4

# 5) Ikona „Obnoviť stránku“ stránku obnoví.

Prístupnosť webu 5

# 6) Kliknutím na „Zakázať štýl“ odstránite štýly CSS zo stránky.

Nástroje prístupu na web 6

# 7) Tlačidlo „Ikonový kľúč“ zobrazí zoznam všetkých ikon WAVE s ďalšími podrobnosťami, informáciami a odporúčaniami.

Nástroj na hodnotenie prístupnosti webu 7

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.

  1. Chyby by sa zobrazovali červenou farbou s počtom. V mojom prípade sa zobrazuje ako 13.
  2. Varovania by sa zobrazovali žltou farbou s počtom 13.
  3. Objekty by boli zelené s počtom 10.
  4. Štrukturálne prvky by boli 6 v modrej farbe.
  5. HTML5 a ARIA by boli 15 vo fialovej farbe.
  6. Chyby kontrastu by boli 14 v čiernej farbe.

kontrola prístupnosti webu 8

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á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.

Prístupnosť webu 9

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.

Nástroje pre zrakové postihnutie 1

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.

Nástroje pre postihnutie Vision Web Accessibility 11

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.

Prístupnosť webu 12

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:

  • 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.

webové stránky, ktoré vám umožňujú sťahovať youtube videá

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

^