Meniu

Tutorial WAVE Accessibility Testing Tool

wave accessibility testing tool tutorial

Încercați Instrumentul Nostru Pentru Eliminarea Problemelor

cum se deschide un fișier json

Tutorial WAVE Web Accessibility Tool: Cum se utilizează extensia WAVE Chrome și Firefox

Bara de instrumente Accesibilitate web a fost explicat în detaliu în tutorialul nostru anterior. Acest tutorial este o continuare a primului din această serie, verificați-l aici - Testarea accesibilității web - partea 1 .

În acest tutorial, am analizat câteva concepte fundamentale despre ceea ce este accesibilitatea și cum poate fi evaluată folosind instrumente de testare a accesibilității.

În acest tutorial, vom vedea câteva alte instrumente de accesibilitate, cum ar fi Bara de instrumente WAVE, instrumentul de accesibilitate JAWS, tehnici și detalii.

Accesibilitate WAVE

(imagine sursă)

Ce veți învăța:

VAL(Instrument de evaluare a accesibilității web)

Bara de instrumente WAVE

Instrumentul WAVE este un instrument de evaluare a accesibilității web - o bară de instrumente pentru Browserul Firefox.

Este important să rețineți că WAVE nu vă poate spune dacă conținutul dvs. web este accesibil; doar un om poate determina accesibilitatea adevărată. Dar, WAVE vă poate ajuta să evaluați accesibilitatea conținutului dvs. web.

Toate evaluările au loc direct în browser și nu sunt trimise informații către serverele WAVE. Acest lucru asigură raportarea accesibilității 100% privată și sigură.

Pentru descărcarea barei de instrumente de accesibilitate web WAVE, accesați http://wave.webaim.org/toolbar/ și descărcați-l în F browserul irefox . Asigurați-vă că veți deschide descărcarea URL-ului în browserul Firefox, deoarece bara de instrumente WAVE acceptă numai Firefox.

Cum se utilizează bara de instrumente pentru accesibilitatea web WAVE

Următoarele sunt caracteristicile pe care le putem folosi în timp ce lucrăm pe browserul Firefox:

# 1) Selectați site-ul web http://www.easports.com/ , apoi faceți clic pe „Erori, caracteristici și alerte”, veți găsi pagina cu alerte de accesibilitate și erori în culoare galbenă. Treceți cu mouse-ul peste imagini pentru a vedea detaliile alertelor.

( Notă : faceți clic pe orice imagine pentru vizualizare mărită)

Instrumente de testare a accesibilității web 1

#Două) Acum faceți clic pe „Structură / Vizualizare comandă”, veți obține pagina cu detalii Inline Frame.

Instrumentul de evaluare a accesibilității web WAVE

# 3) Acum faceți clic pe „Vizualizare numai text”, site-ul va fi afișat fără imagini, stiluri și machete.

Instrumentul de evaluare Wave Web Accessibility

# 4) Pictogramele „Outline View” din bara de instrumente vă vor informa dacă titlurile sunt în ordine sau nu.

Instrumentul de evaluare a accesibilității web WAVE 4

# 5) Pictograma „Resetare pagină” va reîmprospăta pagina.

Accesibilitate web 5

# 6) Dacă faceți clic pe „Dezactivați stilul” veți elimina stilurile CSS din pagină.

Instrumente de accesibilitate web 6

# 7) Butonul „Cheie de pictograme” va afișa o listă cu toate pictogramele WAVE cu detalii suplimentare, informații și recomandări.

Instrument de evaluare a accesibilității web 7

De asemenea, puteți evalua accesibilitatea site-ului web fără a descărca instrumentul Wave și utilizați-l direct online.

Pași pentru verificarea accesibilității site-ului web

Pasul 1) Faceți clic pe URL: http://wave.webaim.org/

Pasul 2) Introduceți fișierul Adresa paginii web în text cutie și apasă pe Enter. Vom folosi cu ca exemplu. Deci, introduceți site-ul www.facebook.com în caseta de text și faceți clic pe butonul Enter.

Pasul 3) Veți găsi detalii rezumative în partea stângă a navigării.

  1. Erorile vor fi afișate în roșu cu un număr. În cazul meu, se afișează 13.
  2. Alertele vor fi afișate în galben cu un număr de 13.
  3. Funcțiile ar fi în verde cu un număr de 10.
  4. Elementele structurale ar avea 6 în culoarea albastră.
  5. HTML5 și ARIA ar avea 15 în culoarea violet.
  6. Erorile de contrast ar fi 14 în culoarea neagră.

verificator de accesibilitate web 8

Dacă faceți clic pe fiecare pictogramă, veți obține mai multe informații despre elementele prezentate mai sus pentru alertă (în centrul paginii).

Acum, să analizăm o altă categorie de instrumente:

Validatori ai accesibilității paginilor web gratuite:

Câteva mai bune instrumente de verificare a accesibilității web:

Instrumente pentru dizabilități de vedere

Dizabilitatea vederii se referă la pierderea vederii. Există diferite tipuri de dizabilități vizuale:

  • Orbire
  • Vedere scăzută sau restricționată
  • Orbirea culorii

Utilizatorii cu deficiențe de vedere utilizează software de tehnologie de asistență care citește conținut cu voce tare.De exempluJAWS pentru sistemele de operare Window, NVDA pentru sistemele de operare Window, Voice Over pentru Mac. Utilizatorul UA cu viziune slabă poate, de asemenea, să mărească textul cu o setare a browserului sau o setare magnifică a sistemului de operare. Vom învăța aceste caracteristici cu ajutorul lupelor și a instrumentelor JAWS.

Accesibilitate web 9

A) Lupte

1) Lupă de text Zoom mărește totul de pe ecranul computerului și ușurează vizualizarea și utilizarea aplicației. O puteți descărca de la acest link .
Pentru a vă face o idee bună despre cum funcționează acest lucru, vă recomandăm să descărcați o versiune de încercare gratuită și să experimentați.

Două) Lupa ferestrei mărește, de asemenea, diferite părți ale ecranului. Îl putem deschide făcând clic pe butonul Start de pe desktop și apoi tastând Lupa. Faceți clic pe programul Lupă. Când plasați mouse-ul pe pagina web, acest instrument mărește dimensiunea ecranului și se afișează.

Instrumente pentru dizabilități vizuale 1

3) Utilizatorii orbi ai computerului, care nu pot utiliza un monitor normal al computerului, utilizează afișaj Braille actualizat sau terminalul Braille pentru a citi textul.

Conform Wikipedia , un afișaj sau un terminal Braille reîncărcabil este un dispozitiv electromecanic pentru afișarea caracterelor Braille, de obicei prin intermediul unor știfturi cu vârf rotund ridicate prin găuri pe o suprafață plană.

Accesibilitate web Viziunea instrumentelor pentru dizabilități 11

B) JAWS- Acces la job cu vorbire

JAWS este un cititor de ecran folosit pentru a testa paginile web pe sistemul de operare Windows, care permite utilizatorilor deteriorați vizual să citească ecranul. JAWS acceptă toate versiunile de sisteme de operare, precum și oferă afișaj Braille reîmprospătabil.

qa întrebări și răspunsuri de interviu de automatizare

Accesibilitate web 12

Următoarele sunt comenzile tastaturii pentru a utiliza JAWS:

Funcțiile de bază testate cu ajutorul JAWS sunt:

  • JAWS furnizează numărul de apăsări de tastă pentru a naviga pe paginile web. De exemplu, tastele săgeată, tastele Page Sus și Jos, Acasă, Sfârșit și alte câteva taste de navigare JAWS.
  • Linkuri, imagini și hărți de imagini: JAWS oferă apăsări de taste pentru a naviga de la un link la altul în pagina Web.
  • Câmpuri și controale de formular HTML : JAWS oferă apăsări de taste pentru a naviga între elementele formularului
  • Rame HTML : Navigați cadre cu tastatura.
  • Mese : Navigați în celulele tabelului

Aceasta fiind o scurtă prezentare generală a diferitelor tehnici și instrumente care sunt utilizate pentru a realiza evaluarea accesibilității.

Sfaturi de testare a accesibilității pentru dezvoltatori și testeri

  • Toate imaginile active au text alternativ care indică ce face linkul sau butonul?
  • Toate imaginile decorative și imaginile redundante au text alternativ nul (alt = ””)?
  • Toate imaginile cu informații au text alternativ care oferă aceleași informații pe care le-au furnizat imaginile?
  • Pagina este organizată cu titluri? Sunt marcate ca titluri?
  • Puteți accesa totul folosind tastatura?
  • Va fi citită pagina dvs. într-o ordine logică într-un cititor de ecran?
  • Este clar ce element este focalizat în timp ce utilizați accesul de la tastatură?
  • Toate informațiile importante dintr-un videoclip sunt disponibile prin audio standard sau printr-o descriere audio adăugată?

Echipa de dezvoltare se poate asigura că produsul lor este conform accesibilității prin inspecția codului și testarea unității.

Cazuri tipice de testare:

  • Asigurați-vă că toate funcțiile sunt disponibile numai prin tastatură (nu utilizați mouse-ul)
  • Asigurați-vă că informațiile sunt vizibile atunci când setarea afișajului este schimbată în modurile de contrast ridicat.
  • Asigurați-vă că instrumentele de citire a ecranului pot citi tot textul disponibil și că fiecare imagine / imagine are text alternativ corespunzător asociat.
  • Asigurați-vă că acțiunile de la tastatură definite de produs nu afectează comenzile rapide de la tastatură.

Concluzie

Accesibilitatea web oferă multe oportunități utilizatorilor cu dizabilități. Cu toate acestea, trebuie să recunoaștem faptul că este dificil să oferim acces complet pentru orice tip de dizabilități sau dificultăți care ar putea împiedica un utilizator să ajungă la conținutul unui site web.

Se pot face pași, dar s-ar putea să nu fie 100%. Dacă urmărim standardele prezentate în acest articol încă din etapa inițială a dezvoltării, putem crea cu ușurință un site web accesibil pentru majoritatea utilizatorilor.

Simțiți-vă liber să sugerați mai multe instrumente de testare a accesibilității și sfaturi în comentariile de mai jos.

PREV Tutorial | PRIMUL Tutorial

Lectură recomandată

^