Tutorial de testare a accesibilității (un ghid complet pas cu pas)

accessibility testing tutorial

Un ghid complet pentru testarea accesibilității:

Ce este accesibilitatea web:

Web-ul este deschis tuturor și fiind un tester (de asemenea uman), este responsabilitatea noastră să verificăm dacă este accesibil tuturor utilizatorilor. La rândul său, acest lucru va contribui mult la succesul unei afaceri, pe măsură ce lucrăm pentru ca aplicația să fie accesibilă pentru fiecare utilizator.

Acest lucru va crește, de asemenea, satisfacția utilizatorului și afacerea noastră.

Lista tutoriale din această serie:

1. Ghid de testare a accesibilității (Acest tutorial)
2. Instrumente de testare a accesibilității - o listă completă
3. Tutorial WAT (Web Accessibility Toolbar)
4. Instrumente de verificare a accesibilității WAVE și JAWS

Pentru majoritatea utilizatorilor, utilizarea internetului pe web este ușoară. Dar acest lucru nu este cazul atunci când ne uităm la un alt set demografic cu provocări. Este imperativ ca site-urile web să fie accesibile, utilizabile și utile și pentru acest grup de utilizatori - și nu ar trebui să diferențieze utilizatorii în funcție de limbă / cultură / locație / software / abilități fizice sau mentale.

Ce veți învăța:

• Ce este testarea accesibilității?
• Accesibilitatea și legea
• Mituri despre testarea accesibilității site-ului web
• Provocările testului de accesibilitate
• Importanţă
• Cum se măsoară accesibilitatea web?
• Principii universale de web design de urmat
• Cum se efectuează testarea accesibilității - Un ghid pas cu pas
  • Metoda manuală
  • Testare automată a accesibilității
• Lista de verificare a testelor de accesibilitate / Cazuri de testare / scenarii
• Concluzie
• Lectură recomandată

Ce este testarea accesibilității?

Testarea unei aplicații web pentru a vă asigura că fiecare utilizator poate accesa cu ușurință site-ul web este cunoscută sub numele de Testare a accesibilității. Ramura specializată și dedicată a testării care ajută la asigurarea faptului că site-urile web sunt într-adevăr eficiente în acest domeniu se numește „ Testarea accesibilității web ”.

Cel mai important, există anumite legi și linii directoare pentru testarea accesibilității care trebuie respectate, de asemenea.

Accesibilitatea și legea

• Americanii cu dizabilități acționează : Această lege prevede că toate domeniile precum clădirile publice, școlile și organizațiile ar trebui să facă tehnologia accesibilă tuturor.
• Legea privind reabilitarea, secțiunea 504 și secțiunea 508 : Secțiunea 504 găzduiește toate persoanele cu dizabilități pentru a avea acces la locul de muncă, educație și alte organizații, iar secțiunea 508 oferă acces la tehnologie.
• Linii directoare privind accesibilitatea conținutului web: Aceste orientări sugerează căile care pot ajuta la îmbunătățirea accesibilității unui site web.

Mituri despre testarea accesibilității site-ului web

Mitul 1 :E scump.

Fapt : Precauția este întotdeauna mai bună decât vindecarea, deci ne putem gândi la probleme de accesibilitate chiar în etapa de proiectare și să reducem costurile.

Mitul 2: Conversia site-ului web inaccesibil pentru a accesa necesită mult timp.

Fapt : Putem acorda prioritate lucrurilor și doar să lucrăm la nevoile de bază.

Mitul 3: Accesibilitatea este simplă și plictisitoare.

Fapt : Accesibilitatea nu înseamnă că un site web trebuie să conțină doar text. De asemenea, putem adăuga imagini și le putem face mai atractive, dar punctul de remarcat este că ar trebui să fie accesibil tuturor.

Mitul 4 :Testarea accesibilității este pentru persoanele nevăzătoare și cu dizabilități.

Fapt : Software-ul este util pentru toți și, prin urmare, această testare este pentru toți utilizatorii.

Provocările lui A Test de accesibilitate

Următoarele sunt câteva provocări sau dificultăți comune pe care liniile directoare de accesibilitate încearcă să le abordeze:

Importanţă

• Acces ușor și eficient la utilizatorii cu dizabilități sau provocări
• Crește cota de piață și acoperirea publicului
• Îmbunătățește mentenabilitatea și eficiența
• A îndeplinit cerințele legale existente și viitoare și ajută la respectarea eticii
• Sprijin pentru internaționalizare
• Asistă accesul pentru utilizatorii cu lățime de bandă redusă.

În cele din urmă, totul se traduce doar în „Afaceri mai bune - mai mulți bani”.

Cum se măsoară accesibilitatea web?

Accesibilitatea web poate fi măsurată cu ajutorul standardelor de accesibilitate web create de W3C cunoscut ca Linii directoare privind accesibilitatea conținutului web (WCAG) . Puține alte departamente și-au dezvoltat propriile orientări, dar și acestea urmează Inițiativa pentru accesibilitate web (WAI) Instrucțiuni.

Evaluarea accesibilității unui site web:

Există mulți factori care joacă un rol în acest lucru, cum ar fi:

• Conţinut
• mărimea
• Cod
• Limbi de marcare
• Instrumente de dezvoltare
• Mediu inconjurator

Ca întotdeauna, este o bună practică să implementați tehnici de accesibilitate web în etapa inițială a proiectului. Remedierea site-urilor web inaccesibile necesită eforturi suplimentare.

Câteva exemple de tehnici simple sunt:

• Verificarea titlului paginii
• Alternative de text imagine („text alternativ”)
• Titluri
• Raportul de contrast („contrastul culorilor”) .. etc.

De asemenea, putem determina accesibilitatea cu ajutorul „ Instrumente de evaluare '- până la un punct. Există puține lucruri, cum ar fi dacă textul alternativ este scris în mod corespunzător pentru imagine sau nu, nu poate fi evaluat pe deplin, dar sunt eficiente în cea mai mare parte.

Citește și => Cele mai populare 30 de instrumente de testare web.

Principii universale de web design de urmat

Site-ul web ar trebui să fie conceput universal, astfel încât să respecte principiile de utilizare și accesibilitate. Toată lumea are propriul stil de învățare și procesare, prin urmare site-ul / produsul ar trebui să fie conceput indiferent de acest lucru.

Mai jos sunt prezentate câteva principii standard de bază pentru proiectarea site-urilor web:

# 1) Coordonare:

Fiecare activitate și fiecare persoană inclusă în proiect ar trebui să se coordoneze între ele. Ar trebui să rețineți că un site web ar trebui să fie conceput în funcție de propriile lor și la fel de bine W3C standarde.

# 2) Punerea în aplicare:

Fiind o organizație responsabilă, ar trebui să vă considerați responsabil pentru crearea unui site accesibil. În loc ca utilizatorii să se responsabilizeze pentru un site accesibil, ar trebui să facem acest lucru.

# 3) Conducere:

Toată lumea ar trebui să fie conștientă de aceste principii și trebuie să informeze dacă se confruntă cu vreo problemă în timp ce accesează site-ul.

# 4) Considerarea accesului :

Trebuie să respectăm standardele, împreună cu acesta putem lua în considerare standardele urmate de organizație pentru persoanele cu capacități speciale.

# 5) Dimensiuni tehnice:

Un site web ar trebui conceput luând în considerare toate standardele tehnice.

# 6) Cercetare educațională:

Trebuie să cercetăm accesibilitatea și problemele cu care ne confruntăm în timpul accesării site-ului web. Cu ajutorul acestui lucru, personalul ar trebui să fie instruit pentru a-i face conștienți de standarde și probleme.

# 7) Incluziune socială:

Toți oamenii ar trebui tratați în mod egal nu numai într-un mod online, ci și în lumea fizică.

Împreună cu această clădire, este necesar și un site web POUR.

Acum se pune întrebarea ce înseamnă POUR și răspunsul este dat mai jos:

P receivable:Prezentarea suitei web ar trebui să fie vizibilă. Conținutul ar trebui să aibă sens din toată perspectiva tuturor utilizatorilor.

SAU capabil:Se poate spune că site-ul este operabil dacă un utilizator poate naviga cu ușurință pe site.

U de înțeles:Tot ceea ce este prezent pe site trebuie să fie înțeles de orice tip de utilizator. Pe scurt, limba ar trebui să fie ușoară și nu una complexă.

R Stop:Indiferent de tehnologia în schimbare și de tipul de utilizatori, conținutul ar trebui să fie robust.

Cum se efectuează testarea accesibilității - Un ghid pas cu pas

Acest lucru se poate face folosind manual, precum și metoda de testare a automatizării.

Metoda manuală

Există multe instrumente disponibile pe piață pentru testarea accesibilității, dar ar putea exista unele probleme, cum ar fi lipsa resurselor calificate, bugetul etc. Într-un astfel de caz, putem merge cu testarea manuală.

Mai jos sunt câteva modalități de a testa manual accesibilitatea site-ului web:

# 1) Putem folosi modul de contrast ridicat:

Folosind modul de contrast ridicat putem evidenția conținutul site-ului web. Când activăm modul de contrast ridicat, conținutul site-ului web este evidențiat automat, deoarece se transformă în alb sau galben, iar fundalul devine negru.

Pentru a activa modul de contrast ridicat, căutați modul de contrast ridicat în caseta de căutare.

Aici veți avea opțiunea de a alege o temă, selectați tema cu contrast ridicat din meniul derulant.

Un browser va arăta așa cum se arată mai jos după efectuarea modificărilor în setări.

După aceasta, putem vedea dacă conținutul este vizibil în mod corespunzător sau nu.

# 2) Prin neaccesarea imaginilor :

Momentan, puteți opri accesul și puteți vedea dacă textul justifică conținutul, deoarece este posibil ca unele persoane să nu aibă acces la acesta sau uneori durează prea mult să încărcați imaginile.

Puteți dezactiva accesul la browser în următoarele moduri:

Internet Explorer: Instrumente-> Opțiuni Internet-> Avansat-> afișează imagini (debifați).

Firefox: Deschideți Firefox și tastați despre : config , în bara de adrese și veți obține ieșirea așa cum se arată mai jos.

După ce obțineți acest ecran, trebuie să căutați „ permission.default.image ' și reglați valoarea de la 0-1.

# 3) Verificarea subtitrărilor :Verificați dacă este disponibilă o legendă și asigurați-vă că este destul de descriptivă. De multe ori întâlnim linkuri pe pagina de facebook unde imaginile sau videoclipurile pot dura mult timp pentru a fi afișate, dar subtitrările ne vor ajuta foarte mult.

# 4) Prin oprirea foii de stil în cascadă (CSS): CSS este practic folosit pentru a descrie prezentarea documentului. Dezactivând această opțiune putem verifica culoarea de fundal, stilul textului și stilul de prezentare a textului.

# 5) Încercați să utilizați tastatura :Dacă sunteți un gamer sau un expert excel, atunci acest test trebuie să vă fie mai ușor. Încercați să nu atingeți mouse-ul și accesați site-ul web cu ajutorul unei tastaturi.

Puteți utiliza tasta „Tab” pentru a comuta între linkuri.

„Tab” + „Shift” te va duce unde ai fost înainte.

# 6) Folosiți eticheta câmpului :Este util în timp ce completați un formular, eticheta câmpului este ceea ce veți vedea în timp ce vizualizați un șablon. Utilizând acest lucru, puteți completa informațiile necesare în timp ce vă înscrieți sau comandați ceva online.

# 7) Schimbarea dimensiunii fontului la mare :Utilizați dimensiunea mare a fontului și verificarea accesibilității continue.

# 8) Omiteți navigarea: Acest lucru poate fi util pentru persoanele cu dizabilități motorii. Dând clicuri Ctrl + Acasă vă puteți muta focalizarea în partea de sus a paginii.

# 9) Document PDF: Încercați să salvați fișierul PDF sub formă de text și verificați dacă ordinea conținutului este menținută sau nu.

# 10) Prin dezactivarea stilului: Dezactivați stilul și verificați dacă conținutul tabelului este aliniat corect sau nu.

# 11) Scalarea conținutului: Încercați să micșorați imaginea și să verificați dacă este lizibilă.

Testare automată a accesibilității

Deoarece automatizarea se răspândește pe scară largă în domeniul testării, putem folosi automatizarea și pentru verificarea accesibilității. Avem mai multe instrumente pentru testarea automată.

# 1) aDesigner: Este dezvoltat de IBM și este util pentru testarea software-ului din perspectiva persoanelor cu deficiențe de vedere.

# 2) WebAnywhere: Acționează ca un cititor de ecran și nu necesită nicio instalare specială.

# 3) Vischeck: Acest instrument ne ajută să reproducem imaginea în diferite forme, astfel încât să ne putem imagina cum va arăta atunci când va fi accesată de diferite tipuri de utilizatori.

# 4) Analizor de contrast de culoare: Verifică combinația de culori și analizează vizibilitatea.

# 5) Hera: Verifică stilul aplicației și vine cu o opțiune multilingvă.

testarea performanței întrebări și răspunsuri la interviu

# 6) Extensie de accesibilitate Firefox: Firefox vă permite să extindeți funcționalitatea sa.

O puteți adăuga pentru a deschide Firefox-> Suplimente-> extensie de accesibilitate . Vă va ajuta să testați raportul, navigarea, textul linkului etc.

După ce faceți clic pe extensie veți obține o opțiune de căutare suplimente .

# 7) TAW online: Vă oferă opțiunea de a verifica dacă software-ul este dezvoltat conform ghidului din WCAG 1.0 sau WCAG 2.0 . De asemenea, are opțiunea de a selecta nivelul de analiză.

# 8) Verificator de accesibilitate PDF: Verifică accesibilitatea unui fișier PDF.

=> Pentru lista completă verificați acest post Instrumente de testare a accesibilității

Test de accesibilitate Listă de verificare / cazuri de testare / scenarii

Mai jos sunt câteva puncte care trebuie verificate în timpul efectuării acestui tip de testare:

• Dacă etichetele sunt scrise și plasate corect sau nu.
• Dacă conținutul audio / video este audibil / vizibil în mod corespunzător sau nu.
• Dacă raportul de contrast al culorii este menținut sau nu.
• Dacă acțiunile de control pentru video funcționează bine sau nu.
• Dacă sunt furnizate tastele scurte pentru meniu, atunci trebuie să verificați dacă toate acestea funcționează bine.
• Trebuie să verificați filele dacă navigarea între file este o sarcină ușoară.
• Dacă aplicația a respectat sau nu toate principiile și liniile directoare.
• Dacă titlul este unic și transmite semnificația și structura sau nu.
• Dacă textul legăturii este scris cu descrierea conținutului în loc să creeze ambiguitate.
• Dacă este furnizată sau nu o subtitrare multimedia semnificativă.
• Dacă instrucțiunile sunt date în mod clar sau nu.
• Dacă conținutul este clar, concis și ușor de înțeles sau nu.

Următoarele sunt punctele cheie pe care site-ul web ar trebui să le îndeplinească pentru accesibilitate:

• Textul legăturii trebuie să fie descriptiv . Utilizatorii cu handicap vizual accesează pagina web făcând clic pe butonul filă de la tastatură și trecând de la link la link. Prin urmare, este esențial ca descrierea linkurilor să fie definită corect. Asigurați-vă că hyperlinkurile sunt accesibile utilizând tasta tab.
• Oferiți imagini adecvate acolo unde este posibil . O imagine vorbește mai tare decât cuvintele. Încercați să adăugați imagini adecvate pentru text ori de câte ori este posibil. Imaginile pot descrie conținutul site-ului pentru utilizatorii provocați de alfabetizare.
• Folosiți un limbaj simplu . Utilizatorul cu dizabilități cognitive are dificultăți de învățare, este foarte important să faceți propoziții simple și ușor de citit pentru ei.
• Navigare consecventă . Navigarea consecventă pe pagini este, de asemenea, foarte importantă pentru utilizatorii cu dizabilități cognitive. Este o bună practică să mențineți coerența site-ului web și să nu modificați paginile în mod regulat. Ajustarea la noul aspect necesită mult timp și poate deveni dificilă.
• Ignorați ferestrele pop-up . Utilizatorii care folosesc un cititor de ecran pentru a citi paginile web, ferestrele pop-up pot fi cu adevărat incomod pentru ei. Cititorul de ecran citește pagina de sus în jos și apare o fereastră bruscă, cititorul va începe să o citească mai întâi înainte de conținutul real. Poate confunda utilizatorii cu dizabilități vizuale.
• Aspect CSS . Site-urile web bazate pe CSS sunt mai accesibile decât site-urile web bazate pe cod HTML.
• Împărțiți propoziția mare într-o propoziție simplă mică. Utilizatorii cu dizabilități vizuale ascultă informațiile de pe pagina web și încearcă să le amintească. Împărțirea propoziției mari într-o propoziție simplă mică poate ajuta la amintirea lucrurilor cu ușurință.
• Nu folosiți textul de tip marker. Evitați textul strălucitor și păstrați-l simplu.

Pe scurt, trebuie să verificăm dacă aplicația este dezvoltată în conformitate cu liniile directoare W3C, principiile de proiectare a site-urilor web și principiile de accesibilitate și, pentru aceasta, trebuie să fim conștienți de toate aceste principii.

Putem rezuma punctele de control de mai sus verificând și validând conținutul scris, metoda de proiectare și dezvoltare a site-ului web / aplicației.

Citește și => Ghid complet de testare web.

Concluzie

Testarea accesibilității explică pur și simplu cât de ușor se poate naviga, accesa și înțelege software-ul. Este pentru toate tipurile de utilizatori. Testatorul ar trebui să facă testarea din perspectiva tuturor.

La fel ca orice alt tip de testare, această testare poate fi făcută și manual, precum și cu ajutorul instrumentelor de automatizare. Scopul unui tester ar trebui să fie doar să verifice dacă liniile directoare sunt sau nu îndeplinite și cât de ușor și prietenos poate folosi un software software-ul.

Citire recomandată = >> Top furnizori de servicii de testare a accesibilității

În următoarea parte a acestei serii de tutoriale, vă vom prezenta câteva alte instrumente și tehnici de testare a accesibilității web, așa că vă rugăm să rămâneți cu noi.

Ca întotdeauna, vă rugăm să faceți comentarii cu întrebările, sugestiile și experiențele dvs.

NEXT Tutorial

Lectură recomandată

• Tutorial WAVE Accessibility Testing Tool
• Testarea alfa și testarea beta (un ghid complet)
• WAT (Web Accessibility Toolbar) Tutorial pentru testarea accesibilității
• Testarea funcțională Vs testarea nefuncțională
• Tutorial de testare a utilizabilității: un ghid complet de inițiere
• Test de verificare a construcției (testare BVT) Ghid complet
• Tutorial DevOps Testing: Cum va afecta DevOps testarea QA?
• Implementare în MongoDB: Tutorial pas cu pas