Menu

Výukový program pro testování přístupnosti WAVE

wave accessibility testing tool tutorial

Vyzkoušejte Náš Nástroj Pro Odstranění Problémů

Výukový program nástroje WAVE Web Accessibility Tool: Jak používat rozšíření WAVE pro Chrome a Firefox

Panel nástrojů Web Accessibility bylo podrobně vysvětleno v našem předchozím tutoriálu. Tento výukový program navazuje na první v této sérii, zkontrolujte jej zde - Testování přístupnosti webu - část 1 .

V tomto kurzu jsme se podívali na několik základních konceptů, co je to přístupnost a jak ji lze vyhodnotit pomocí nástrojů pro testování přístupnosti.

V tomto kurzu uvidíme několik dalších nástrojů pro usnadnění přístupu, jako je WAVE Toolbar, nástroj JAWS Accessibility, techniky a podrobnosti.

WAVE přístupnost

(obraz zdroj)

Co se naučíte:

MÁVAT(Nástroj pro hodnocení dostupnosti webu)

Panel nástrojů WAVE

Nástroj WAVE je nástroj pro hodnocení přístupnosti webu - panel nástrojů pro Prohlížeč Firefox.

Je důležité si uvědomit, že WAVE vám nemůže říci, zda je váš webový obsah přístupný; pouze člověk může určit skutečnou dostupnost. WAVE vám ale může pomoci vyhodnotit přístupnost vašeho webového obsahu.

Veškeré vyhodnocení probíhá přímo v prohlížeči a na servery WAVE se neposílají žádné informace. Tím je zajištěno 100% soukromé a bezpečné hlášení přístupnosti.

Chcete-li stáhnout panel nástrojů WAVE pro přístup na web, přejděte na http://wave.webaim.org/toolbar/ a stáhněte jej do F prohlížeč irefox . Ujistěte se, že otevřete URL stahování v prohlížeči Firefox, protože panel nástrojů WAVE podporuje pouze Firefox.

Jak používat panel nástrojů WAVE Web Accessibility Toolbar

Následují funkce, které můžeme používat při práci s prohlížečem Firefox:

# 1) Vyberte web http://www.easports.com/ , poté klikněte na „Chyby, funkce a výstrahy“, najdete stránku s výstrahami a chybami ve žluté barvě. Umístěním kurzoru myši na obrázky zobrazíte podrobnosti výstrah.

( Poznámka : pro zvětšení klikněte na libovolný obrázek)

Nástroje pro testování přístupu na web 1

#dva) Nyní klikněte na „Zobrazení struktury / objednávky“, zobrazí se stránka s podrobnostmi vloženého rámečku.

Vyhodnocovací nástroj WAVE Web Accessibility

# 3) Nyní klikněte na „Pouze textové zobrazení“, web se zobrazí bez obrázků, stylů a rozvržení.

Vyhodnocovací nástroj Wave Web Accessibility

# 4) Ikony „Přehled“ na panelu nástrojů vás informují, zda jsou nadpisy v pořádku nebo ne.

Vyhodnocovací nástroj WAVE Web Accessibility 4

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

Přístupnost webu 5

# 6) Kliknutím na „Zakázat styl“ odeberete ze stránky styly CSS.

Nástroje pro přístup na web 6

# 7) Tlačítko „Ikonový klíč“ zobrazí seznam všech ikon WAVE s dalšími podrobnostmi, informacemi a doporučeními.

Nástroj pro hodnocení přístupnosti webu 7

Můžete také vyhodnotit přístupnost webu bez stažení nástroje wave a přímo jej použít online.

Kroky k ověření přístupnosti webu

Krok 1) Klikněte na URL: http://wave.webaim.org/

Krok 2) Zadejte Adresa webové stránky v text box a stiskněte klávesu Enter. Budeme používat s jako příklad. Do textového pole tedy zadejte web www.facebook.com a klikněte na tlačítko Enter.

Krok č. 3) Souhrnné podrobnosti najdete na levé straně navigace.

  1. Chyby by se zobrazovaly červeně s počtem. V mém případě se zobrazuje jako 13.
  2. Výstrahy by se zobrazovaly žlutě s počtem 13.
  3. Funkce by byly zelené s počtem 10.
  4. Strukturální prvky by byly 6 v modré barvě.
  5. HTML5 a ARIA by byly 15 ve fialové barvě.
  6. Chyby kontrastu by byly 14 v černé barvě.

kontrola přístupnosti webu 8

Kliknutím na každou ikonu získáte další informace o prvcích, jak je uvedeno výše, pro upozornění (ve středu stránky).

Nyní se podívejme na jinou kategorii nástrojů:

Bezplatní ověřovatelé přístupnosti na webové stránky:

c ++ náhodné číslo mezi

Několik dalších nejlepších nástrojů pro kontrolu přístupu na web:

Nástroje pro zrakové postižení

Zrakové postižení znamená ztrátu zraku. Existují různé druhy zrakových postižení:

  • Slepota
  • Zhoršené nebo omezené vidění
  • Barvoslepost

Uživatelé se zrakovým postižením používají software s asistenční technologií, který čte obsah nahlas.NapříkladJAWS pro operační systémy Window, NVDA pro operační systémy Window, Voice Over pro Mac. Uživatel UA se slabým zrakem může také zvětšit text pomocí nastavení prohlížeče nebo skvělého nastavení operačního systému. Tyto funkce se naučíme pomocí nástrojů Lupy a JAWS.

Přístupnost webu 9

A) Lupy

1) Lupa zvětšení textu zvětšuje vše na obrazovce počítače a usnadňuje viditelnost a použití aplikace. Můžete si jej stáhnout z tento odkaz .
Chcete-li získat dobrou představu o tom, jak to funguje, důrazně doporučujeme stáhnout si bezplatnou zkušební verzi a experimentovat.

2) Lupa okna také zvětší různé části obrazovky. Můžeme jej otevřít kliknutím na tlačítko Start na ploše a zadáním Lupa. Klikněte na program Lupa. Když umístíte ukazatel myši na webovou stránku, tento nástroj zvětší velikost obrazovky a zobrazí se.

Nástroje pro zrakové postižení 1

3) Slepí uživatelé počítačů, kteří nemohou používat běžný počítačový monitor, používají ke čtení textového výstupu obnovitelný braillský řádek nebo terminál Braillova písma.

Podle Wikipedia , obnovitelný Braillovo písmo nebo terminál Braillova písma je elektromechanické zařízení pro zobrazování znaků v Braillově písmu, obvykle pomocí kolíků s kulatým hrotem zvednutých skrz otvory v rovném povrchu.

Nástroje pro postižení Web Accessibility Vision 11

B) JAWS - Job Job With Speech

JAWS je čtečka obrazovky sloužící k testování webových stránek v operačním systému Windows, která umožňuje vizuálně poškozeným uživatelům číst obrazovku. JAWS podporuje všechny verze operačních systémů a poskytuje obnovitelné Braillovo písmo.

Přístupnost webu 12

Následují příkazy klávesnice pro použití JAWS:

Základní funkce testované pomocí JAWS jsou:

  • JAWS poskytují počet stisků kláves pro procházení webových stránek. Například klávesy se šipkami, klávesy Page Up a Down, Home, End a několik dalších navigačních kláves JAWS.
  • Odkazy, obrázky a obrazové mapy: JAWS poskytuje stisknutí kláves pro navigaci z jednoho odkazu na druhý na webové stránce.
  • Pole a ovládací prvky formuláře HTML : JAWS poskytuje stisknutí kláves pro navigaci mezi prvky formuláře
  • Rámečky HTML : Navigace v rámečcích pomocí klávesnice.
  • Tabulky : Navigace v buňkách tabulky

Jedná se o krátký přehled různých technik a nástrojů, které se používají k provedení hodnocení přístupnosti.

Tipy pro testování přístupnosti pro vývojáře a testery

  • Mají všechny aktivní obrázky alternativní text, který označuje, co dělá odkaz nebo tlačítko?
  • Mají všechny dekorativní obrázky a nadbytečné obrázky prázdný (alt = ””) alternativní text?
  • Mají všechny informační obrázky alternativní text, který poskytuje stejné informace jako poskytnuté obrázky?
  • Je stránka uspořádána s nadpisy? Jsou označeny jako nadpisy?
  • Máte přístup ke všemu pomocí klávesnice?
  • Bude se vaše stránka číst v čtečce obrazovky v logickém pořadí?
  • Je jasné, na který prvek je zaostřeno, když používáte přístup z klávesnice?
  • Jsou všechny důležité informace ve videu dostupné prostřednictvím standardního zvuku nebo prostřednictvím přidaného zvukového popisu?

Vývojový tým se mohou ujistit, že jejich produkt je kompatibilní s přístupem, prostřednictvím kontroly kódu a testování jednotky.

Typické testovací případy:

  • Zajistěte, aby všechny funkce byly dostupné pouze pomocí klávesnice (nepoužívejte myš)
  • Ujistěte se, že jsou informace viditelné, když se nastavení displeje změní na režimy Vysoký kontrast.
  • Ujistěte se, že nástroje pro čtení z obrazovky umí číst veškerý dostupný text a ke každému obrázku / obrázku je přidružen odpovídající alternativní text.
  • Ujistěte se, že akce klávesnice definované produktem neovlivňují klávesové zkratky přístupnosti.

Závěr

Přístup na web nabízí mnoho příležitostí pro zdravotně postižené uživatele. Musíme však uznat skutečnost, že je obtížné zajistit plný přístup pro všechny druhy postižení nebo obtíží, které by mohly uživateli zabránit v přístupu k obsahu webových stránek.

Kroky lze podniknout, ale nemusí to být 100%. Pokud se budeme řídit standardy uvedenými v tomto článku od počáteční fáze vývoje, můžeme snadno vytvořit přístupný web pro většinu uživatelů.

Neváhejte navrhnout další nástroje a tipy pro testování přístupnosti v komentářích níže.

Výukový program PREV | PRVNÍ výuka

Doporučené čtení

^