accessibility testing tutorial
Kompletný sprievodca testovaním prístupnosti:
Čo je prístupnosť webu:
Web je otvorený pre všetkých a keďže sme testermi (tiež ľuďmi), je našou povinnosťou skontrolovať, či je prístupný všetkým používateľom. To zasa veľmi prispeje k úspechu firmy, keď pracujeme na tom, aby bola aplikácia prístupná pre každého používateľa.
To tiež zvýši spokojnosť používateľov a naše podnikanie.
Zoznam tutoriálov v tejto sérii:
- Sprievodca testovaním prístupnosti (Tento návod)
- Nástroje na testovanie prístupnosti - kompletný zoznam
- Výukový program WAT (Web Accessibility Toolbar)
- Nástroje na kontrolu prístupnosti WAVE a JAWS
Pre väčšinu používateľov je používanie internetu cez web jednoduché. To však nie je prípad, keď sa pozeráme na inú demografickú skupinu s výzvami. Je bezpodmienečne potrebné, aby boli webové stránky prístupné, použiteľné a užitočné aj pre túto skupinu používateľov - a nemali by rozlišovať používateľov podľa jazyka / kultúry / umiestnenia / softvéru / fyzických alebo mentálnych schopností.
Čo sa dozviete:
- Čo je testovanie prístupnosti?
- Prístupnosť a zákon
- Mýty o testovaní prístupnosti webových stránok
- Výzvy týkajúce sa testu prístupnosti
- Dôležitosť
- Ako sa meria dostupnosť webu?
- Princípy univerzálneho webového dizajnu, ktoré treba dodržiavať
- Ako vykonať testovanie prístupnosti - podrobný sprievodca
- Kontrolný zoznam testu prístupnosti / testovacie prípady / scenáre
- Záver
- Odporúčané čítanie
Čo je testovanie prístupnosti?
Testovanie webovej aplikácie, aby sa zabezpečilo, že každý používateľ bude mať ľahký prístup na webovú stránku, sa nazýva Testovanie prístupnosti. Špecializovaná a špecializovaná oblasť testovania, ktorá pomáha zaistiť, aby boli webové stránky skutočne efektívne v tejto oblasti, sa nazýva „ Testovanie prístupnosti webu “.
Najdôležitejšie je, že treba dodržiavať aj určité zákony a pokyny pre testovanie prístupnosti.
Prístupnosť a zákon
- Američania so zdravotným postihnutím konajú : Tento zákon stanovuje, že všetky domény ako verejné budovy, školy a organizácie by mali túto technológiu sprístupniť každému.
- Zákon o rehabilitácii, oddiel 504 a oddiel 508 : Oddiel 504 upravuje prístup všetkých ľudí so zdravotným postihnutím na pracovisko, vzdelávanie a inú organizáciu a oddiel 508 upravuje prístup k technológiám.
- Pokyny pre prístup k webovému obsahu: Tieto pokyny navrhujú spôsoby, ktoré môžu pomôcť zlepšiť prístupnosť webovej stránky.
Mýty o testovaní prístupnosti webových stránok
Mýtus 1 :Je to drahé.
Fakt : Preventívna opatrnosť je vždy lepšia ako liečba, takže môžeme myslieť na problémy s prístupnosťou už vo fáze návrhu a znížiť tak náklady.
Mýtus 2: Premena neprístupnej webovej stránky na prístup je časovo náročná.
Fakt : Môžeme uprednostniť veci a len pracovať na základných potrebách.
Mýtus 3: Prístupnosť je jednoduchá a nudná.
aký je najlepší prevodník z youtube na mp3?
Fakt : Prístupnosť neznamená, že webová stránka by mala obsahovať iba text. Môžeme tiež pridať obrázky a zatraktívniť ich, treba si však uvedomiť, že by mali byť prístupné pre všetkých.
Mýtus 4 :Testovanie prístupnosti je pre nevidiacich a zdravotne postihnutých ľudí.
Fakt : Softvér je užitočný pre všetkých, a preto je toto testovanie určené pre všetkých používateľov.
Výzvy A skúška prístupnosti
Nasleduje niekoľko spoločné výzvy alebo ťažkosti, ktoré sa usmernenia o prístupnosti snažia vyriešiť:
Typ postihnutia | Popis postihnutia |
---|---|
Vízia Postihnutie | - Úplná slepota alebo slepota farieb alebo slabý zrak - Vizuálne problémy, ako sú problémy so vizuálnym stroboskopom a blikajúcim efektom |
Telesné postihnutie | Ťažko sa používa klávesnica alebo myš |
Kognitívne postihnutie | Problémy s učením alebo slabá pamäť |
Gramotnosť Postihnutie | Problémy s čítaním, ťažké slová |
Sluchové postihnutie | - Sluchové problémy ako hluchota a sluchové postihnutia - Ťažkosti dobre alebo zreteľne počuť |
Dôležitosť
- Ľahký a efektívny prístup k používateľom so zdravotným postihnutím alebo výzvami
- Zvyšuje podiel na trhu a dosah publika
- Zlepšuje udržiavateľnosť a efektívnosť
- Uspokojuje súčasné aj budúce právne požiadavky a pomáha riadiť sa etikou
- Podpora internacionalizácie
- Pomáha pri prístupe pre používateľov s malou šírkou pásma.
Všetko sa nakoniec len preloží „Lepšie podnikanie - viac peňazí“.
Ako sa meria dostupnosť webu?
Prístupnosť webu je možné merať pomocou štandardov prístupnosti webu vytvorených W3C známy ako Pokyny na prístup k webovému obsahu (WCAG) . Niekoľko ďalších oddelení tiež vypracovalo svoje vlastné smernice, ktoré sa však tiež riadia iniciatíva za prístupnosť webu (WAI) Usmernenia.
Hodnotenie prístupnosti webových stránok:
Podiel na tom má veľa faktorov, napríklad:
- Obsah
- Veľkosť
- Zákonníka
- Priraďovacie jazyky
- Vývojové nástroje
- Životné prostredie
Ako vždy je dobrým zvykom implementovať techniky prístupnosti webu v počiatočnej fáze projektu. Oprava neprístupných webových stránok si vyžaduje ďalšie úsilie.
Niekoľko jednoduchých príkladov techník:
- Overenie názvu stránky
- Alternatívy obrázkového textu („alternatívny text“)
- Nadpisy
- Kontrastný pomer („farebný kontrast“) .. atď.
Prístupnosť môžeme určiť aj pomocou „ Hodnotiace nástroje '- do určitej miery. Existuje niekoľko vecí, napríklad ak je alternatívny text správne napísaný pre obrázok alebo nie, nemožno ho úplne vyhodnotiť, ale je väčšinou efektívny.
Prečítajte si tiež => 30+ najobľúbenejších nástrojov na testovanie webu.
Princípy univerzálneho webového dizajnu, ktoré treba dodržiavať
Webová stránka by mala byť univerzálne navrhnutá tak, aby dodržiavala zásady použiteľnosti a prístupnosti. Každý má svoj vlastný štýl učenia a spracovania, a preto by mal byť web / produkt navrhnutý bez ohľadu na to.
Ďalej uvádzame niekoľko základných štandardných princípov návrhu webových stránok:
# 1) Koordinácia:
Každá aktivita a každá osoba zahrnutá do projektu by sa mali navzájom koordinovať. Jeden by mal mať na pamäti, že webová stránka by mala byť navrhnutá podľa svojich vlastných a tiež W3C normy.
# 2) Presadzovanie:
Ako zodpovedná organizácia by ste mali byť zodpovední za vytvorenie prístupnej stránky. Mali by sme tak urobiť namiesto toho, aby sa používatelia sami zodpovedali za prístupné stránky.
# 3) Vedenie:
Každý by si mal byť vedomý týchto zásad a musí byť informovaný, ak pri prístupe na stránku čelí problémom.
# 4) Zváženie prístupu :
Musíme sa riadiť normami, spolu s nimi môžeme brať do úvahy štandardy, ktoré organizácia dodržiava pre ľudí so špeciálnymi zručnosťami.
# 5) Technické rozmery:
Webová stránka by mala byť navrhnutá so zreteľom na všetky technické normy.
# 6) Vzdelávací výskum:
Musíme skúmať dostupnosť a problémy, ktorým čelíme pri prístupe na webovú stránku. Pomocou toho by sa malo štábom zaškoliť, aby boli informovaní o normách a problémoch.
# 7) Sociálne začlenenie:
So všetkým človekom by sa malo zaobchádzať rovnako nielen v režime online, ale aj vo fyzickom svete.
Spolu s touto budovou je nevyhnutná aj webová stránka POUR.
Teraz vyvstáva otázka, čo znamená POUR a odpoveď je uvedená nižšie:
P možné:Prezentácia webovej sady by mala byť vnímateľná. Obsah by mal mať zmysel z každej perspektívy všetkých používateľov.
ALEBO trvalo udržateľný:Dá sa povedať, že web je prevádzkyschopný, ak je užívateľ schopný sa po ňom ľahko orientovať.
U naterstandable:Všetko, čo sa nachádza na webovej stránke, musí pochopiť každý typ používateľa. Stručne povedané, jazyk by mal byť ľahký a nemal by byť zložitý.
R zastávka:Bez ohľadu na meniacu sa technológiu a typ používateľov by mal byť obsah robustný.
Ako vykonať testovanie prístupnosti - podrobný sprievodca
To je možné vykonať pomocou manuálnej aj automatizačnej testovacej metódy.
Manuálna metóda
Na trhu existuje veľa nástrojov na testovanie prístupnosti, ale môžu sa vyskytnúť problémy, ako napríklad nedostatok kvalifikovaných zdrojov, rozpočet atď. V takom prípade môžeme ísť s manuálnym testovaním.
Nižšie uvádzame niekoľko spôsobov, ako manuálne otestovať dostupnosť webových stránok:
# 1) Môžeme použiť režim vysokého kontrastu:
Pomocou režimu vysokého kontrastu môžeme zvýrazniť obsah webovej stránky. Keď nastavíme režim vysokého kontrastu, obsah webových stránok sa automaticky zvýrazní, keď sa zmení na bielu alebo žltú a pozadie sa zmení na čierne.
Ak chcete zapnúť režim vysokého kontrastu, vo vyhľadávacom poli vyhľadajte režim vysokého kontrastu.
Tu získate možnosť zvoliť tému, z rozbaľovacej ponuky vyberte tému s vysokým kontrastom.
Po vykonaní zmien v nastaveniach bude prehliadač vyzerať nasledovne.
Potom uvidíme, či je obsah správne viditeľný alebo nie.
# 2) Nepristupovaním k Obrázkom :
Dočasne môžete dočasne vypnúť prístup a zistiť, či text odôvodňuje obsah, pretože niektorí ľudia k tomu nemusia mať prístup alebo načítanie obrázkov niekedy trvá príliš dlho.
Prístup do prehliadača môžete vypnúť nasledujúcimi spôsobmi:
Internet Explorer: Nástroje-> Možnosti internetu-> Rozšírené-> zobraziť obrázky (zrušte začiarknutie).
Firefox: Otvorte Firefox a napíšte o : konfigur , v paneli s adresou a získate výstup, ako je uvedené nižšie.
Po zobrazení tejto obrazovky musíte vyhľadať výraz „ permission.default.image ‘ a upravte hodnotu z 0-1.
# 3) Kontrola titulkov :Skontrolujte, či je k dispozícii popis, a ubezpečte sa, že je dosť popisný. Mnohokrát sa na facebookovej stránke stretneme s odkazmi, kde sa obrázky alebo videá môžu zobrazovať dlho, ale titulky nám veľmi pomôžu.
# 4) Vypnutím kaskádovej štýlov (CSS): CSS sa v zásade používa na opis prezentácie dokumentu. Jeho vypnutím môžeme skontrolovať farbu pozadia, štýl textu a štýl prezentácie textu.
# 5) Skúste použiť klávesnicu :Ak ste hráč alebo odborník na Excel, musí byť pre vás tento test ľahší. Snažte sa nedotýkať sa myši a dostať sa na web pomocou klávesnice.
rozhovor s obchodným analytikom otázky a odpovede ppt
Medzi odkazmi môžete prepínať pomocou klávesu „Tab“.
„Tab“ + „Shift“ vezme ťa tam, kde si bol predtým.
# 6) Použite štítok poľa :Je to užitočné pri vypĺňaní formulára, štítok poľa je to, čo uvidíte pri prezeraní šablóny. Jeho použitím môžete pri registrácii alebo objednávaní online vyplniť potrebné informácie.
# 7) Zmena veľkosti písma na veľké :Použite veľkú veľkosť písma a kontrolu dostupnosti pokračovateľa.
# 8) Preskočiť navigáciu: To môže byť užitočné pre ľudí s motorickým postihnutím. Kliknutím Ctrl + Home môžete presunúť svoje zameranie do hornej časti stránky.
# 9) Dokument PDF: Pokúste sa uložiť súbor PDF vo forme textu a skontrolujte, či je poradie obsahu zachované alebo nie.
# 10) Zakázaním štýlu: Zakážte štýl a skontrolujte, či je obsah tabuľky správne zoradený alebo nie.
# 11) Mierka obsahu: Skúste obrázok oddialiť a skontrolovať, či je čitateľný.
Automatizované testovanie prístupnosti
Pretože sa automatizácia v oblasti testovania rozširuje, môžeme ísť s automatizáciou aj na kontrolu prístupnosti. Máme niekoľko nástrojov na automatizované testovanie.
# 1) aDesigner: Je vyvinutá spoločnosťou IBM a je užitočná na testovanie softvéru z pohľadu ľudí so zrakovým postihnutím.
# 2) WebAnywhere: Funguje ako čítačka obrazovky a nevyžaduje žiadnu špeciálnu inštaláciu.
# 3) Vischeck: Tento nástroj nám pomáha reprodukovať obraz v rôznych formách, aby sme si mohli predstaviť, ako bude vyzerať, keď k nemu bude mať prístup iný typ používateľov.
# 4) Analyzátor kontrastu farieb: Kontroluje farebnú kombináciu a analyzuje viditeľnosť.
# 5) Héra: Kontroluje štýl aplikácie a prichádza s viacjazyčnou možnosťou.
# 6) Rozšírenie pre prístup k prehliadaču Firefox: Firefox vám umožňuje rozšíriť jeho funkčnosť.
Môžete ho pridať na otvorenie Firefox-> Doplnky-> rozšírenie prístupnosti . Pomôže vám to otestovať prehľad, navigáciu, text odkazu atď.
Po kliknutí na ikonu predĺženie dostanete možnosť vyhľadávania doplnky .
# 7) TAW online: Dáva vám možnosť otestovať, či je softvér vyvinutý podľa pokynov WCAG 1.0 alebo WCAG 2.0 . Má tiež možnosť zvoliť si úroveň analýzy.
# 8) Kontrola prístupnosti PDF: Kontroluje dostupnosť súboru PDF.
=> Pre kompletný zoznam začiarknite tento príspevok Nástroje na testovanie prístupnosti
Test prístupnosti Kontrolný zoznam / testovacie prípady / scenáre
Ďalej je uvedených niekoľko bodov, ktoré je potrebné pri tomto type testovania skontrolovať:
- Ak sú štítky správne napísané a umiestnené, alebo nie.
- Ak je audio / video obsah správne počuteľný / viditeľný alebo nie.
- Ak je farebný kontrastný pomer zachovaný alebo nie.
- Ak sú ovládacie akcie pre video v poriadku alebo nie.
- Ak sú v ponuke krátke klávesové skratky, musíte skontrolovať, či všetky fungujú dobre.
- Ak je navigácia medzi kartami ľahká úloha, musíte skontrolovať, či sú na nich karty.
- Ak aplikácia dodržiavala všetky zásady a pokyny alebo nie.
- Ak je nadpis jedinečný a vyjadruje význam a štruktúru alebo nie.
- Ak je text odkazu namiesto vytvorenia nejasností napísaný s popisom obsahu.
- Ak je uvedený zmysluplný multimediálny popis, alebo nie.
- Ak sú pokyny jasne dané alebo nie.
- Ak je obsah jasný, výstižný a zrozumiteľný alebo nie.
Toto sú kľúčové body, ktoré by web mal spĺňať kvôli prístupnosti:
- Text odkazu by mal byť popisný . Zrakovo postihnutý používateľ má prístup na webovú stránku kliknutím na tlačidlo karty na klávesnici a prechodom z odkazu na odkaz. Je preto nevyhnutné, aby bol popis odkazov správne definovaný. Uistite sa, že sú hypertextové odkazy prístupné pomocou klávesu Tab.
- Ak je to možné, poskytnite príslušné obrázky . Obrázok hovorí hlasnejšie ako slová. Pokúste sa pridať k textu vhodné obrázky, kedykoľvek je to možné. Obrázky môžu popisovať obsah webových stránok pre používateľov, ktorí majú problém s gramotnosťou.
- Používajte jednoduchý jazyk . Kognitívne postihnutý používateľ má problémy s učením, je veľmi dôležité, aby mu vety boli jednoduché a ľahko čitateľné.
- Konzistentná navigácia . Konzistentná navigácia po stránkach je tiež veľmi dôležitá pre používateľov s kognitívnym postihnutím. Je dobrým zvykom udržiavať konzistentnosť webových stránok a pravidelne ich neupravovať. Prispôsobenie nového rozloženia je časovo náročné a môže byť náročné.
- Ignorovať kontextové okná . Používatelia, ktorí používajú na čítanie webových stránok čítačku obrazovky, môžu byť pre nich skutočne nepríjemní. Čítačka obrazovky prečíta stránku zhora nadol a náhle sa objaví vyskakovacie okno, ktoré ju najskôr začne čítať pred skutočným obsahom. Môže to zmiasť zrakovo postihnutých používateľov.
- Rozloženie CSS . Webové stránky založené na CSS sú prístupnejšie ako webové stránky založené na kóde HTML.
- Rozdeľte veľkú vetu na malú jednoduchú vetu. Zrakovo postihnutí používatelia počúvajú informácie na webovej stránke a snažia sa ich pamätať. Rozdelením veľkej vety na malú jednoduchú vetu môžete ľahko vybaviť veci.
- Nepoužívajte text na výber. Vyhýbajte sa lesklému textu a snažte sa ho zjednodušiť.
Stručne povedané, musíme skontrolovať, či je aplikácia vyvinutá v súlade s pokynmi W3C, zásadami návrhu webových stránok a zásadami prístupnosti, a preto si musíme byť vedomí všetkých týchto zásad.
Vyššie uvedené kontrolné body môžeme zhrnúť overením a validáciou písomného obsahu, dizajnu a spôsobu vývoja webovej stránky / aplikácie.
Prečítajte si tiež => Kompletný sprievodca testovaním webu.
Záver
Testovanie prístupnosti jednoducho vysvetľuje, ako ľahko sa dá navigovať, získať prístup a porozumieť softvéru. Je pre všetky typy používateľov. Tester by mal robiť testovanie z pohľadu každého.
Rovnako ako akýkoľvek iný typ testovania, aj toto testovanie je možné vykonať ručne, ako aj pomocou automatizačných nástrojov. Cieľom testeru by malo byť len skontrolovať, či sú pokyny splnené alebo nie a ako ľahko a priateľsky môže používateľ softvér používať.
Odporúčané čítanie = >> Špičkoví poskytovatelia služieb testovania prístupnosti
V ďalšej časti tejto série tutoriálov vám predstavíme niekoľko ďalších nástrojov a techník na testovanie prístupnosti webu, takže zostaňte s nami.
Ako vždy, prosím, urobte komentár so svojimi otázkami, návrhmi a skúsenosťami.
Odporúčané čítanie
- Výukový program pre testovanie prístupnosti WAVE
- Alfa testovanie a beta testovanie (kompletný sprievodca)
- Výukový program pre testovanie prístupnosti WAT (Panel nástrojov dostupnosti webu)
- Funkčné testovanie vs. Nefunkčné testovanie
- Výukový program pre testovanie použiteľnosti: Kompletná príručka Začíname
- Kompletný sprievodca zostavením Verification Testing (BVT Testing)
- Výukový program pre testovanie DevOps: Ako DevOps ovplyvní testovanie kvality?
- Nasadenie v MongoDB: Výukový program krok za krokom