Menu

Výukový program pro testování přístupnosti (kompletní průvodce krok za krokem)

accessibility testing tutorial

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

Kompletní průvodce testováním přístupnosti:

Co je přístupnost webu:

Web je otevřený pro všechny a protože jsme testerem (také člověkem), je naší odpovědností zkontrolovat, zda je přístupný všem uživatelům. To zase hodně přispěje k úspěchu firmy, protože pracujeme na tom, aby aplikace byla přístupná každému uživateli.

Tím se také zvýší spokojenost uživatelů a také naše podnikání.

Seznam výukových programů v této sérii:

  1. Průvodce testováním přístupnosti (Tento návod)
  2. Nástroje pro testování přístupnosti - kompletní seznam
  3. Výukový program WAT (Web Accessibility Toolbar)
  4. Nástroje pro kontrolu přístupnosti WAVE a JAWS

průvodce testováním přístupnosti webu

Pro většinu uživatelů je používání internetu přes web snadné. To však není tento případ, když se díváme na jinou demografickou skupinu s výzvami. Je bezpodmínečně nutné, aby webové stránky byly přístupné, použitelné a užitečné i pro tuto skupinu uživatelů - a neměly by rozlišovat uživatele na základě jazyka / kultury / umístění / softwaru / fyzických nebo mentálních schopností.

Co se naučíte:

Co je testování přístupnosti?

Testování webové aplikace, aby bylo zajištěno, že každý uživatel bude mít snadný přístup na web, se nazývá Testování přístupnosti. Specializované a specializované odvětví testování, které pomáhá zajistit, aby webové stránky byly v této oblasti skutečně účinné, se nazývá „ Testování přístupnosti webu “.

A co je nejdůležitější, je třeba dodržovat také určité zákony a pokyny pro testování přístupnosti.

Přístupnost a zákon

  • Američané se zdravotním postižením jednají : Tento zákon stanoví, že všechny domény, jako jsou veřejné budovy, školy a organizace, by měly tuto technologii zpřístupnit všem.
  • Zákon o rehabilitaci, oddíl 504 a sekce 508 : Oddíl 504 pojednává o přístupu všech lidí se zdravotním postižením na pracoviště, ke vzdělávání a další organizaci a v oddíle 508 je uveden přístup k technologiím.
  • Pokyny pro přístup k webovému obsahu: Tyto pokyny navrhují způsoby, které mohou pomoci zlepšit přístupnost webových stránek.

Mýty o testování přístupnosti webových stránek

Mýtus 1 :Je to drahé.

Skutečnost : Preventivní opatření je vždy lepší než léčba, takže můžeme uvažovat o problémech s přístupností již ve fázi návrhu a snížit náklady.

Mýtus 2: Přeměna nepřístupných webových stránek na přístup je časově náročná.

Skutečnost : Můžeme upřednostňovat věci a pracovat pouze na základních potřebách.

Mýtus 3: Přístup je prostý a nudný.

Skutečnost : Přístupnost neznamená, že by web měl obsahovat pouze text. Můžeme také přidat obrázky a zatraktivnit je to, ale je třeba si uvědomit, že by měl být přístupný pro všechny.

Mýtus 4 :Testování přístupnosti je pro nevidomé a zdravotně postižené.

Skutečnost : Software je užitečný pro všechny, a proto je toto testování pro všechny uživatele.

Výzvy A test přístupnosti

Následuje několik společné výzvy nebo obtíže, které se pokyny pro přístupnost snaží řešit:

Typ postižení Popis postižení
Vidění
Postižení 		- Úplná slepota nebo barevná slepota nebo špatný zrak
- Vizuální problémy, jako jsou problémy s vizuálním stroboskopem a blikáním
Tělesné postižení Je obtížné používat klávesnici nebo myš
Kognitivní postižení Problémy s učením nebo špatná paměť
Gramotnost postižení Problémy se čtením, obtížná slova
Sluchové postižení - Sluchové problémy, jako je hluchota a poruchy sluchu
- Obtíž dobře slyšet nebo jasně slyšet

Problémy s přístupností webu

Důležitost

  • Snadný a efektivní přístup k uživatelům se zdravotním postižením nebo problémy
  • Zvyšuje podíl na trhu a dosah publika
  • Zlepšuje udržovatelnost a účinnost
  • Uspokojuje stávající i budoucí právní požadavky a pomáhá dodržovat etiku
  • Podpora internacionalizace
  • Pomáhá při přístupu pro uživatele s malou šířkou pásma.

Nakonec se všechno překládá „Lepší obchod - více peněz“.

Jak se měří přístup na web?

Přístupnost webu lze měřit pomocí standardů přístupnosti webu vytvořených W3C známý jako Pokyny pro usnadnění webového obsahu (WCAG) . Několik dalších oddělení také vyvinulo své vlastní pokyny, ale také se jimi řídí iniciativa za usnadnění přístupu na web (WAI) Pokyny.

Hodnocení přístupnosti webových stránek:

Podílí se na tom řada faktorů, například:

  • Obsah
  • Velikost
  • Kód
  • Značkovací jazyky
  • Vývojové nástroje
  • životní prostředí

Jako vždy je dobrým zvykem implementovat techniky přístupnosti webu v počáteční fázi projektu. Oprava nepřístupných webových stránek vyžaduje další úsilí.

Několik jednoduchých příkladů technik:

  • Ověření názvu stránky
  • Alternativy textového obrázku („alternativní text“)
  • Nadpisy
  • Kontrastní poměr („barevný kontrast“) .. atd.

Můžeme také určit dostupnost pomocí „ Vyhodnocovací nástroje '- do určité míry. Existuje několik věcí, například pokud je alternativní text vhodně napsán pro obrázek, nebo ne, nelze jej plně vyhodnotit, ale jsou většinou efektivní.

Přečtěte si také => 30+ nejpopulárnějších nástrojů pro testování webu.

Principy univerzálního webového designu, které je třeba dodržovat

Web by měl být navržen univerzálně tak, aby dodržoval zásady použitelnosti a přístupnosti. Každý má svůj vlastní styl učení a zpracování, proto by měl být web / produkt navržen bez ohledu na to.

Níže uvádíme několik základních standardních principů designu webových stránek:

stromová datová struktura c ++

# 1) Koordinace:

Každá aktivita a každá osoba zahrnutá do projektu by se měla navzájem koordinovat. Jeden by měl mít na paměti, že webová stránka by měla být navržena podle jejich vlastních a také W3C standardy.

# 2) Vymáhání:

Jako odpovědná organizace byste měli být zodpovědní za vytvoření přístupného webu. Místo toho, aby se uživatelé sami zodpovídali za přístupný web, měli bychom tak činit.

# 3) Vedení:

Každý by si měl být těchto zásad vědom a musí být informován, pokud při přístupu na stránky čelí nějakému problému.

# 4) Zvažování přístupu :

Musíme se řídit standardy, spolu s nimi můžeme vzít v úvahu standardy, které organizace dodržuje pro lidi se zvláštními schopnostmi.

# 5) Technické rozměry:

Web by měl být navržen s ohledem na všechny technické normy.

# 6) Vzdělávací výzkum:

Musíme prozkoumat přístupnost a problémy, kterým čelíme při přístupu na web. S pomocí toho by mělo být zaměstnancům poskytnuto školení, aby si byli vědomi standardů a problémů.

# 7) Sociální začlenění:

Se všemi lidmi by se mělo zacházet stejně nejen v online režimu, ale také ve fyzickém světě.

Spolu s touto budovou je nezbytný web POUR.

Nyní vyvstává otázka, co znamená POUR a odpověď je uvedena níže:

P možné:Prezentace webové sady by měla být vnímatelná. Obsah by měl mít smysl z pohledu všech uživatelů.

NEBO podléhající:Dá se říci, že web je provozuschopný, pokud je uživatel schopen se na něm snadno orientovat.

U naterstandable:Všechno přítomné na webových stránkách musí být srozumitelné každému typu uživatele. Stručně řečeno, jazyk by měl být snadný a neměl by být složitý.

R stop:Bez ohledu na měnící se technologii a typ uživatelů by měl být obsah robustní.

Jak provádět testování přístupnosti - průvodce krok za krokem

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

To lze provést pomocí manuální i automatické metody testování.

Ruční metoda

Na trhu je k dispozici mnoho nástrojů pro testování přístupnosti, ale mohou nastat některé problémy, jako je nedostatek kvalifikovaných zdrojů, rozpočet atd. V takovém případě můžeme jít s manuálním testováním.

Níže uvádíme několik způsobů, jak ručně otestovat přístup na web:

# 1) Můžeme použít režim vysokého kontrastu:

Pomocí režimu vysokého kontrastu můžeme zvýraznit obsah webových stránek. Když nastavíme režim vysokého kontrastu, obsah webu se automaticky zvýrazní, protože se změní na bílou nebo žlutou a pozadí zčerná.

Chcete-li zapnout režim vysokého kontrastu, vyhledejte ve vyhledávacím poli režim vysokého kontrastu.

Nastavení vysokého kontrastu

Zde získáte možnost výběru motivu, z rozevíracího seznamu vyberte motiv s vysokým kontrastem.

Nastavení vysokého kontrastu

Po provedení změn v nastavení bude prohlížeč vypadat níže.

Příklad prohlížeče

Poté můžeme zjistit, zda je obsah správně viditelný nebo ne.

# 2) Nepřistupováním k obrázkům :

Dočasně můžete dočasně vypnout přístup a zjistit, zda text zarovnává obsah, protože k tomu někteří lidé nemají přístup, nebo někdy načítání obrázků trvá příliš dlouho.

Přístup do prohlížeče můžete vypnout následujícími způsoby:

Internet Explorer: Nástroje-> Možnosti Internetu-> Pokročilé-> zobrazit obrázky (zrušte zaškrtnutí).

Nastavení internetu

Možnosti internetu - Pokročilé srttings

Firefox: Otevřete Firefox a zadejte o : konfigurace , v adresním řádku a získáte výstup, jak je znázorněno níže.

Firefox - nastavení konfigurace

Po zobrazení této obrazovky musíte vyhledat „ permission.default.image ' a upravte hodnotu od 0-1.

Nastavení konfigurace

Obrazovka Konfigurace

# 3) Kontrola titulků :Zkontrolujte, zda je k dispozici titulek, a ujistěte se, že je do značné míry popisný. Mnohokrát narazíme na odkazy na facebookové stránce, kde se obrázky nebo videa mohou zobrazovat dlouho, ale titulky nám hodně pomohou.

# 4) Vypnutím kaskádové šablony stylů (CSS): CSS se v zásadě používá k popisu prezentace dokumentu. Vypnutím této funkce můžeme zkontrolovat barvu pozadí, styl textu a styl prezentace textu.

# 5) Zkuste použít klávesnici :Pokud jste hráč nebo odborník na Excel, pak vám tento test musí být jednodušší. Snažte se nedotýkat se myši a přistupovat na web pomocí klávesnice.

Mezi odkazy můžete přepínat pomocí klávesy „Tab“.

„Tab“ + „Shift“ vezme vás tam, kde jste byli předtím.

# 6) Použijte štítek pole :Je to užitečné při vyplňování formuláře, popisek pole je to, co uvidíte při prohlížení šablony. Tímto způsobem můžete vyplnit potřebné informace při registraci nebo objednávání online.

# 7) Změna velikosti písma na velké :Použijte velkou velikost písma a kontrolu přístupnosti pokračovatele.

# 8) Přeskočit navigaci: To může být užitečné pro lidi s motorickým postižením. Kliknutím Ctrl + Domů můžete přesunout své zaměření do horní části stránky.

společnosti, které vám platí za vyzkoušení jejich produktů

# 9) Dokument PDF: Zkuste uložit soubor PDF ve formě textu a zkontrolujte, zda je pořadí obsahu zachováno nebo ne.

# 10) Zakázáním stylu: Zakažte styl a zkontrolujte, zda je obsah tabulky správně seřazený nebo ne.

# 11) Škálování obsahu: Zkuste obrázek oddálit a zkontrolujte, zda je čitelný.

Automatizované testování přístupnosti

Jelikož se automatizace v oblasti testování široce šíří, můžeme jít s automatizací také pro kontrolu přístupnosti. Máme několik nástrojů pro automatizované testování.

# 1) aDesigner: Je vyvinut společností IBM a je užitečný pro testování softwaru z pohledu zrakově postižených.

# 2) WebAnywhere: Funguje jako čtečka obrazovky a nevyžaduje žádnou speciální instalaci.

# 3) Vischeck: Tento nástroj nám pomáhá reprodukovat obraz v různých formách, abychom si mohli představit, jak bude vypadat, když k němu přistupují různé typy uživatelů.

# 4) Analyzátor barevného kontrastu: Kontroluje barevnou kombinaci a analyzuje viditelnost.

# 5) Héra: Zkontroluje styl aplikace a přichází s vícejazyčnou možností.

vícejazyčný web

# 6) Rozšíření pro přístup k Firefoxu: Firefox umožňuje rozšířit jeho funkčnost.

Můžete jej přidat k otevření Firefox-> Doplňky-> rozšíření pro usnadnění přístupu . Pomůže vám otestovat zprávu, navigaci, text odkazu atd.

Rozšíření přístupnosti

Obrazovka Addon Manager

Po kliknutí na rozšíření dostanete možnost vyhledávání doplňky .

doplněk

# 7) TAW online: Dává vám možnost otestovat, zda je software vyvíjen podle pokynů WCAG 1.0 nebo WCAG 2.0 . Má také možnost výběru úrovně analýzy.

# 8) Kontrola přístupnosti PDF: Kontroluje přístupnost souboru PDF.

=> Pro úplný seznam zkontrolujte tento příspěvek Nástroje pro testování přístupnosti

Test přístupnosti Kontrolní seznam / testovací případy / scénáře

Níže je uvedeno několik bodů, které je třeba při provádění tohoto typu testování zkontrolovat:

  • Pokud jsou štítky správně napsány a umístěny nebo ne.
  • Pokud je audio / video obsah správně slyšitelný / viditelný nebo ne.
  • Pokud je zachován poměr barevného kontrastu nebo ne.
  • Pokud ovládací akce pro video fungují dobře nebo ne.
  • Pokud jsou v nabídce k dispozici krátké klávesy, musíte zkontrolovat, zda všechny fungují dobře.
  • Pokud je navigace mezi kartami snadný úkol, je třeba zkontrolovat karty.
  • Pokud aplikace dodržovala všechny zásady a pokyny nebo ne.
  • Pokud je nadpis jedinečný a vyjadřuje význam a strukturu, či nikoli.
  • Pokud je text odkazu napsán s popisem obsahu místo vytváření nejednoznačnosti.
  • Pokud je k dispozici smysluplný multimediální titulek, či nikoli.
  • Pokud jsou pokyny jasně uvedeny nebo ne.
  • Pokud je obsah jasný, výstižný a srozumitelný nebo ne.

Níže jsou uvedeny klíčové body, které by měl web splňovat pro usnadnění přístupu:

  • Text odkazu by měl být popisný . Vizuálně deaktivovaný přístup uživatele na webovou stránku kliknutím na tlačítko na kartě na klávesnici a přesunem z odkazu na odkaz. Je tedy nezbytné, aby popis odkazů byl správně definován. Zkontrolujte, zda jsou hypertextové odkazy přístupné pomocí klávesy Tab.
  • Pokud je to možné, poskytněte vhodné obrázky . Obrázek mluví hlasitěji než slova. Pokuste se přidat vhodné obrázky k textu, kdykoli je to možné. Obrázky mohou popsat obsah webových stránek pro uživatele s výzvou gramotnosti.
  • Používejte jednoduchý jazyk . Kognitivně postižený uživatel má problémy s učením, je velmi důležité, aby věty byly jednoduché a snadno čitelné.
  • Konzistentní navigace . Konzistentní procházení stránkami je také velmi důležité pro uživatele s kognitivními poruchami. Osvědčeným postupem je udržovat konzistenci webu a stránky pravidelně neupravovat. Přizpůsobení novému rozložení je časově náročné a může být obtížné.
  • Ignorovat vyskakovací okna . Uživatelé, kteří používají čtečku obrazovky ke čtení webových stránek, mohou být vyskakovací okna pro ně opravdu nepohodlná. Čtečka obrazovky přečte stránku shora dolů a najednou se objeví vyskakovací okno, čtečka ji začne číst nejprve před skutečným obsahem. To může zmást zrakově postižené uživatele.
  • Rozložení CSS . Weby založené na CSS jsou přístupnější než weby založené na HTML kódu.
  • Rozdělte velkou větu na malou jednoduchou větu. Zrakově postižení uživatelé poslouchají informace na webové stránce a snaží se je zapamatovat. Rozdělení velké věty na malou jednoduchou větu vám pomůže snadno si věci vybavit.
  • Nepoužívejte textový rámeček. Vyvarujte se lesklého textu a snažte se ho zjednodušit.

Stručně řečeno, musíme zkontrolovat, zda je aplikace vyvíjena v souladu s pokyny W3C, principy designu webových stránek a principy přístupnosti, a proto si musíme být vědomi všech těchto principů.

Výše uvedené kontrolní body můžeme shrnout ověřením a validací písemného obsahu, designu a metody vývoje webové stránky / aplikace.

Přečtěte si také => Kompletní průvodce webovým testováním.

Závěr

Testování přístupnosti jednoduše vysvětluje, jak snadno lze navigovat, přistupovat a rozumět softwaru. Je pro všechny typy uživatelů. Tester by měl provádět testování z pohledu každého.

Stejně jako jakýkoli jiný typ testování lze i toto testování provést ručně nebo pomocí automatizačních nástrojů. Cílem testeru by mělo být pouze zkontrolovat, zda pokyny splňují nebo ne, a jak snadno a přátelsky může uživatel software používat.

Doporučené čtení = >> Nejlepší poskytovatelé služeb testování dostupnosti

V další části této série kurzů vám představíme několik dalších nástrojů a technik testování přístupnosti webu, takže zůstaňte s námi.

Jako vždy, prosím, komentujte své dotazy, návrhy a zkušenosti.

DALŠÍ výuka

Doporučené čtení

^