Curs “Testare si Evaluare Aplicatii Web”

Exerciții

• Ce înseamnă armonizarea standardelor? Ce domenii adresează?

• De ce este importantă armonizarea standardelor?

• Care sunt consecințele armonizării standardelor specifice pentru Organizații?

• Care sunt responsabilitățile de stabilit pentru a implementa normele de accesibilitate?

• Ce presupune dezvoltarea unei politici organizaționale pentru accesibilitate?

• Ce trebuie să conțină instruirea oamenilor implicați în procesul de accesibilizare?

• Descrieți 5 acțiuni care trebuie realizate pentru a monitoriza accesibilitatea unui site.

• Care sunt pașii care trebuie urmați pentru a îmbunătăți site-urile existente?

• Ce presupune stabilirea unui obiectiv de accesibilitate?

• Ce presupune prelucrarea unui site existent, pentru a-l face mai accesibil?

• Cu ce pot să contribuie utilizatorii și părerile altor persoane, neimplicate în mod direct, în procesul de dezvoltare?

• Care sunt criteriile pentru alegerea unor unelte de dezvoltare?

• Dați 5 exemple de adaptare la limitările programelor de editare actuale.

Pasul nr. 1 – Evaluarea accesibilității

Acest pas presupune:

• 
  Analiza inițială a proiectului.
  
• 
  Selectarea grupului țintă.
  
• 
  Evaluarea conform standardelor.
  
• 
  Determinarea domeniului de aplicare al evaluării.
  
• 
  Utilizarea instrumentelor de evaluare.
  
• 
  Examinarea folosind browserele grafice și de specialitate.
  
• 
  Rezumatul și raportul evaluare.
  

1. Analiza Inițială

O analiză preliminară poate identifica rapid unele probleme de accesibilitate pe un site Web. O analiză preliminară nu verifică și nu rezolvă, însă, toate problemele de accesibilitate ale unui site. Astfel, metoda descrisă în continuare nu este suficientă pentru a determina dacă un site web se conformează cerințelor privind accesibilitatea web.

O analiză preliminară combină unele verificări manuale ale paginilor reprezentative de pe un site Web, împreună cu utilizarea mai multor programe semi-automate de evaluare a gradului de accesibilitate. Cei care analizează nu trebuie să cunoască HTML sau alt limbaj web, dar ar trebui să fie capabili să descarce software-ul și să se familiarizeze cu unele instrumente de evaluare, precum și să modifice anumite configurații pe browser-ul lor. Pentru a efectua o analiză preliminară, trebuie finalizate toate cele cinci sarcini descrise în continuare.

Selectați un grup de pagini care sunt reprezentative pentru site

Trebuie să selectați un eșantion de pagini reprezentative:

• 
  Includeți toate paginile des utilizate. ("pagina de bun venit", “pagina de contact” etc.)
  

• 
  Includeți o pagini cu aspect și funcționalitate diferite, cum ar fi:
  
  • 
    Pagini cu tabele, formulare, sau cu rezultate generate dinamic
    
  • 
    Pagini cu imagini informative, cum ar fi diagrame sau grafice
    
  • 
    Pagini web cu scripturi sau aplicații care fac parte din site
    

Analizați paginile utilizând diverse browsere

Folosiți-vă de un browser web (Firefox, Internet Explorer, Google Chrome, Opera, Safari) pentru a examina un grup de pagini, făcând în același timp anumite configurații în browser-ul sau sistemul dvs. de operare, după cum urmează (unele dintre aceste ajustări pot necesita software suplimentar):

• 
  Dezactivați afișarea de imagini, pentru a verifica dacă este afișat textul alternativ pentru imagini.
  
• 
  Opriți sunetul, și verificați dacă conținutul audio este încă disponibil printr-un text echivalent.
  
• 
  Utilizați funcțiile browser-ului pentru a modifica mărimea fontului: verificați faptul că modificările permit, încă, utilizarea ușoară a site-ului, atât pentru mărimi mari cât și pentru mărimi mici ale fontului.
  
• 
  Testați pagina folosindu-vă de rezoluții diferite ale ecranului, și/sau prin redimensionarea ferestrei browserului, pentru a verifica dacă nu cumva este necesară derularea orizontală (scroll).
  

*Notă: în testul cu browsere diferite, pentru anumite elemente grafice trebuie să se analizeze codul CSS pentru a vedea dacă un element este poziționat absolut, respectiv pentru a vedea dacă este o problemă de conținut sau este o problemă de browser.

• 
  Schimbați culoarea ecranului pentru a afișa doar în tonuri de gri (sau tipăriți în tonuri de gri sau alb/negru) și verificați dacă contrastul între culori este adecvat.
  
• 
  Fără a utiliza mouse-ul, folosiți tastatura pentru a naviga printre link-uri și câmpurile formularelor de pe o pagină (de exemplu, folosind tasta "Tab"). Asigurați-vă că puteți accesa toate link-urile și elementele din formular și că link-urile indică în mod clar unde vă vor duce când veți apăsa pe ele.
  

Analizați paginile utilizând browsere speciale

Folosiți un browser cu voce, sau un browser de text (cum ar fi Lynx) și analizați o selecție de pagini în timp ce răspundeți la următoarele întrebări:

• 
  Ceea ce vedeți/auziți este identic cu informațiile disponibile prin intermediul browserului normal?
  
• 
  Este prezentată informația într-o ordine semnificativă dacă se citește în serie?
  

Utilizatorii experimentați cu cititoarele de ecran pot înlocui vocea unui cititor de ecran sau un browser de text, dar dacă este orb ar putea avea nevoie de un partener cu deficiențe de vedere pentru a compara informațiile disponibile vizual. Partenerul cu deficiențe de vedere, o să asculte cu ochii închiși, apoi o să deschidă ochii și va confirma dacă informația auzită este echivalentă cu cea văzută.

Folosiți programe pentru verificarea automată a paginilor

Folosiți programe pentru verificarea automată a paginilor, pentru a analiza o selecție de pagini și notați orice probleme raportate de către instrumentele utilizate. Aceste instrumente vor verifica doar aspectele de accesibilitate care pot fi testate în mod automat. Rezultatele furnizate de aceste instrumente nu ar trebui să fie utilizate pentru a determina un nivel de conformitate, fără teste suplimentare manuale.

O listă completă de programe care pot fi folosite se găsește la:

http://www.w3.org/WAI/ER/tools/complete

Faceți un rezumat al rezultatelor obținute

Faceți un rezumat al rezultatelor celor patru sarcini despre care am discutat:

• 
  Faceți o listă cu tipurile de probleme întâlnite, precum și aspecte pozitive care ar trebui să fie continuate sau extinse pe site.
  
• 
  Indicați pașii făcuți pentru a ajunge la problemele semnalate. Acest lucru îi va ajuta pe programatorii/editorii de conținut, să rezolve mai ușor tot ce vor primi din partea ta.
  
• 
  Recomandați ce pași trebuie realizați în continuare, inclusiv metodele prin care poate fi analizat conținutul de către cei care fac modificări.
  

1. 
   
   

2. Evaluarea conform standardelor

O evaluare a conformității determină dacă un site web îndeplinește standardele de accesibilitate, cum ar fi, recomandările de accesibilitate internet (WCAG). În continuare vom discuta despre o metodă de evaluare a conformității, care combină testarea automată, semi-automată, precum și manualul de accesibilitate pentru un site web. Acesta poate fi utilizat atunci când un site este în curs de dezvoltare, sau pentru a evalua un site existent.

În continuare vom discuta despre evaluarea tehnică și nu vom include implicarea utilizatorilor cu dizabilități, nici măcar a celor care vă ajută cu evaluarea accesibilității. Evaluările care combină evaluarea tehnică și testele de ușurință în utilizare pot fi considerate ca fiind evaluări cuprinzătoare.

Metoda de evaluare a conformității descrisă în continuare necesită:

• 
  familiarizarea cu limbajele de programare web (cum ar fi HTML),
  
• 
  accesul la o varietate de instrumente de evaluare și abordări.
  
• 
  cunoștințe și experiență în materie de accesibilitate web.
  

O evaluare a conformității include toate sarcinile descrise mai jos, cu excepția celor care sunt în mod explicit identificate ca și alternative sau opționale. În timp ce stabilirea domeniului de aplicare al evaluării este o sarcină-cheie, iar rezumarea și raportarea rezultatelor evaluării este concluzia logică, ordinea sarcinilor nu este neapărat bătută în cuie.

Determinați domeniul de aplicare al evaluării

Această discuție ar trebui să aibă loc în interiorul organizației, în timpul evaluării. În cazul în care conformitatea este asumată în mod public, trebuie ca aceasta să se prezinte și în exterior (de exemplu, pe site-ul Web al organizației). Stabilirea acestui domeniu de aplicare presupune următorii pași:

• 
  Determinați și publicați nivelul de conformitate WCAG 1.0 fixat ca și obiectiv.
  
• 
  Selectați manual un eșantion reprezentativ de pagini pentru evaluare care se potrivește cu următoarele criterii:
  
  • 
    Includeți toate paginile des utilizate. ("pagina de bun venit", “pagina de contact” etc.
    
  • 
    Includeți o pagini cu aspect și funcționalitate diferite, cum ar fi:
    
    • 
      Pagini cu tabele, formulare, sau cu rezultate generate dinamic.
      
    • 
      Pagini cu imagini informative, cum ar fi diagrame sau grafice.
      
    • 
      Pagini web cu scripturi sau aplicații care au o funcționalitate suplimentară în spatele acestora – de exemplu: un formular de contact.
      
  • 
    Rețineți faptul că există considerente speciale pentru site-uri web cu baze de date și conținut generat dinamic.
    

Dacă testarea întregului site nu este posibilă (datorită dimensiunii sale foarte mari sau numărului prea mare de scenarii de afișare posibile) identificați un grup semnificativ de pagini, și asigurați-vă că sunt clar specificate și comunicate pe site-ul web. Câteva sugestii pentru adăugări în acest grup semnificativ:

• 
  pagini din diferite secțiuni ale site-ului web
  
• 
  pagini având un design și forme de utilizare diferite
  
• 
  pagini reprezentând diferite instrumente de dezvoltare și procese, inclusiv cele provenite din baze de date
  
• 
  pagini de produse în conformitate cu orientări diferite
  
• 
  pagini de contactare a proprietarilor site-ului
  
• 
  pagini critice pentru afacerea dvs.
  

Dacă orice zonă a unui site este exclusă de la evaluare, asigurați-vă că faceți cunoscut acest lucru.

Utilizați instrumentele de evaluare a accesibilității web

Validarea sintaxei codului HTML și de stil (CSS) se face utilizând validatoarele aplicabile, pe grupul de pagini alese. Porniți de la cel puțin un instrument de validare pentru întregul site web:

• 
  HTML - validare de cod - http://validator.w3.org/
  
• 
  Tidy HTML - http://www.w3.org/People/Raggett/tidy/
  
• 
  Pagină validare CSS - http://jigsaw.w3.org/css-validator/
  
• 
  Validator MathML - http://www.w3.org/Math/validator/
  

Este recomandabil să utilizați cel puțin două instrumente de evaluare a accesibilității web pe grupul ales de pagini. Notați orice problemă indicată de către instrumentele de evaluare. Folosirea a cel puțin două instrumente de evaluare ajută la evitarea unor identificări eronate care ar putea rezulta din utilizarea unui singur instrument de evaluare.

Aplicați lista de verificare a accesibilității pe grupul de pagini alese

Examinați grupul de pagini ales, folosind punctele de control din lista de verificare pentru liniile directoare Web Accessibility Content 1.0 (WCAG 1.0) care sunt aplicabile pentru site-ul dvs. “Aplicabile” poate însemna criteriile WCAG care nu pot fi evaluate de către programele automate sau semi-automate, puncte de control care nu au la ce să se aplice (de exemplu, dacă site-ul e lipsit de conținut audio, se sare peste criterii care se referă la acest tip de conținut) și, ca o condiție minimă, acele puncte de control care se aplică la nivelul de conformitate minim ales.

Examinați pagini utilizând browsere grafice

Analizați grupul ales de pagini, folosind cel puțin trei browsere ce dispun de o interfață grafică cu utilizatorul – Graphical User Interface (GUI) și pentru fiecare dintre acestea, alegeți versiuni diferite (mai vechi), care rulează pe platforme diferite (Windows, Linux, Mac). Efectuați următoarele ajustări:

1. 
   Dezactivați afișarea de imagini, pentru a verifica dacă este afișat textul alternativ pentru imagini.
   
2. 
   Opriți sunetul, și verificați dacă conținutul audio este încă disponibil printr-un text echivalent.
   
3. 
   Utilizați funcțiile browser-ului pentru a modifica mărimea fontului: verificați faptul că modificările permit, încă, utilizarea ușoară a site-ului, atât pentru mărimi mari cât și pentru mărimi mici ale fontului.
   
4. 
   Testați pagina folosindu-vă de rezoluții diferite ale ecranului, și/sau prin redimensionarea ferestrei browserului, pentru a verifica dacă nu cumva este necesară derularea orizontală (scroll).
   

*Notă: în testul cu browsere diferite, pentru anumite elemente grafice trebuie să se analizeze codul CSS pentru a vedea dacă un element este poziționat absolut, respectiv pentru a vedea dacă este o problemă de conținut sau este o problemă de browser.

5. 
   Schimbați culoarea ecranului pentru a afișa doar în tonuri de gri (sau tipăriți în tonuri de gri sau alb/negru) și verificați dacă contrastul între culori este adecvat.
   
6. 
   Fără a utiliza mouse-ul, folosiți tastatura pentru a naviga printre link-uri și câmpurile formularelor de pe o pagină (de exemplu, folosind tasta "Tab"). Asigurați-vă că puteți accesa toate link-urile și elementele din formular (zone de introducere text, căsuțe care accepta bife, etc.) și că link-urile indică în mod clar unde vă vor duce când veți apăsa pe ele.
   
7. 
   Examinați și pagina cu script-uri (JavaScript), foi de stil (CSS), applet-uri, și alte obiecte.
   

Extensii de browser și alte aplicații de evaluare:

• 
  AIS Toolbar pentru Internet Explorer - http://www.nils.org.au/
  
• 
  Bara de instrumente WAVE pentru Firefox, IE, etc. - http://wave.webaim.org/
  
• 
  Extensia Web Developer pentru Firefox - http://chrispederick.com/work/web-developer/
  

Acestea oferă funcționalitate pentru a ajuta realizarea verificărilor manual.

Pentru evaluatorii care au dizabilități, unele dintre următoarele sarcini ar fi necesar să se facă cu o altă persoană care nu are același tip de dizabilitate.

Examinați pagini utilizând browsere specializate

Examinați eșantionul ales de pagini, folosind un browser text (cum ar fi Lynx - http://lynx.browser.org/) și un browser cu voce (cum ar fi Window Eyes - http://www.synapseadaptive.com/gw/wineyes.htm ), și răspundeți la următoarele întrebări:

Cu browser-ul text:

• 
  Sunt echivalente informațiile și funcțiile disponibile prin intermediul browser-ului text, cu cele care sunt disponibile prin intermediul unui browser care are interfața grafică (GUI) ?
  
• 
  Este prezentată informația într-o ordine semnificativă atunci când citesc de sus în jos pagina?
  

Cu browser-ul cu voce:

• 
  Sunt echivalente informațiile disponibile prin intermediul browserului cu voce cu cele disponibile prin intermediul browser-ului care are interfața grafică (GUI)?
  
• 
  Informația este prezentată într-o ordine care are sens și logică atunci când se aude textul vorbit?
  

Pentru situațiile în care este limitat numărul de tehnologii de asistare, trebuie realizată de asemenea, o evaluare manuală a site-ului web cu tehnologii de asistare specifice, de exemplu, JAWS este un cititor de ecran tradus în limba daneză și prin urmare, în Danemarca, un evaluator ar trebui să evalueze site-ul web folosind JAWS.

Citiți și evaluați conținutul paginii

Citiți grupul selectat de pagini și verificați dacă textul este clar și ușor de citit, la mărimea la care este disponibil în mod implicit. Pentru site-urile în engleză, luați în considerare sfaturile și ajutorul pe care îl puteți primi de pe site-ul http://clad.tccld.org/ .

Faceți un rezumat și raportați constatările

Faceți un rezumat privitor la fiecare problemă întâlnită, cele mai bune practici identificate, o adresă URL reprezentativă și metoda prin care a fost identificată. Recomandați ce acțiuni trebuie întreprinse pentru remedierea lor:

• 
  Eliminarea barierelor de accesibilitate identificate prin intermediul procesului de evaluare a conformității.
  
• 
  Întreținerea și monitorizarea continuă a site-ului.
  

3. Format raport

În continuare veți afla despre raportul recomandat pentru comunicarea rezultatelor de evaluare a accesibilității unui site web în funcție de cerințele privind accesibilitatea conținutului web - WCAG 1.0. Un format de raport coerent și cuprinzător poate contribui la asigurarea unei evaluări eficiente și poate oferi comparații exacte ale nivelului de accesibilitate al site-ului de-a lungul timpului sau între diferite site-uri.

Elementele propuse în continuare în raport pot varia în funcție de context. Zonele subliniate ( ______ ) și cele dintre paranteze drepte […] sunt destinate să fie completate cu informațiile obținute din analiza reală.

1. Rezumat

Prezentul raport descrie conformitatea site-ului Web ________________________________________ cu recomandările W3C asupra accesibilității conținutului web (WCAG 1.0). Procesul de revizuire este descris în secțiunea 5 de mai jos și se bazează pe metoda de evaluare W3C.

Pe baza acestei evaluări, site-ul Web _______________________________________________ [îndeplinește/nu îndeplinește/este aproape de a îndeplini] cerințele WCAG 1.0, de conformitate cu nivelul AA. Rezultatele detaliate sunt accesibile în secțiunea 6 de mai jos. Resurse pentru analiza de după studiu sunt enumerate în secțiunea 7 de mai jos. Un feedback cu privire la această evaluare este binevenit.

2. Privire de ansamblu

Evaluarea de conformitate al accesibilității web necesită o combinație de instrumente de evaluare semiautomate și manuale, folosite de către un referent cu experiență. Rezultatele evaluării în acest raport sunt bazate pe evaluarea efectuată la data de: _____________. Site-ul web poate fi schimbat începând cu data menționată anterior. Informații suplimentare cu privire la procesul de evaluare sunt disponibile în evaluarea accesibilității site-ului.

3. Site-ul web Examinat

• 
  [Numele site-ului Web]
  
• 
  [Scopul site-ului, dacă este relevant]
  
• 
  [URL-ul de bază a site-ului]
  
• 
  [URL-ul folosit pentru site-ul în curs de revizuire]
  
• 
  [dacă site-ul este generat dinamic, realizează capturi de ecran ca și probă pentru a demonstra ceea ce a fost examinat]
  
• 
  [indicați care pagini au fost revizuite manual, și care au fost revizuite folosindu-se programe de evaluare semi-automate]
  
• 
  [URL-uri excluse de la analiză]
  
• 
  [Data exactă, sau perioada în care s-a efectuat analiza]
  

4. Echipa evaluatori

• 
  [Numele evaluatorului sau al echipei de evaluare, cu excepția cazului în care acesta a fost anonim]
  
• 
  [Organizația din care fac parte evaluatorii, dacă este cazul și dacă nu sunt anonimi]
  
• 
  [Date de contact pentru evaluator și organizație, cu excepția cazului în care aceștia sunt anonimi]
  
• 
  [Domeniile de expertiză ale evaluatorilor]
  
• 
  [Limba nativă și limbajele cu care experții sunt familiari]
  

5. Procesul de analiză

• 
  [Identificarea nivelului WCAG 1.0, pentru care s-a făcut testarea de conformitate, de exemplu, WCAG 1.0 Nivel A , AA, AAA]
  
• 
  [Lista de verificare WCAG 1.0]
  
• 
  [Identificarea programelor de evaluare și de validare folosite, și versiunile acestora]
  
• 
  [Descrierea testelor utilizate, precum și a funcțiilor caracteristice utilizate ale acestora]
  

6. Rezultate și Acțiuni recomandate

• 
  [Rezumat al analizei rezultatelor]
  
  • 
    [De exemplu, acest site Web pare să [îndeplinească/nu îndeplinește/este aproape de a îndeplini] WCAG 1.0 Nivel A, AA, AAA etc.]
    
  • 
    [Caracteristicile de accesibilitate bine implementate în acest site includ ______________]
    
  • 
    [Recomandarea priorităților pentru abordarea caracteristicilor inaccesibile ale site-ului]
    
• 
  [Rezultatele detaliate, structurate în conformitate cu Lista de verificare a WCAG 1.0]
  
  • 
    [Includeți legături la punctele de verificare WCAG 1.0 și tehnici de rezolvare pentru toate elementele neconforme din site]
    
  • 
    [Atașați sau menționați instrumentele de evaluare]
    
  • 
    [Oferiți recomandări pentru rezolvarea problemelor de accesibilitate]
    
• 
  [Sugerați un program pentru monitorizarea continuă a accesibilității site-ului, reevaluarea instrumentelor de editare etc.]
  

7. Referințe

Recomandări privind accesibilitatea Web: http://www.w3.org/TR/WCAG10/

Lista de verificare pentru recomandările privind accesibilitatea conținutului web: http://www.w3.org/TR/WCAG10/full-checklist.html

Tehnici pentru accesibilizarea conținutului web WCAG 1.0: http://www.w3.org/TR/WCAG10-TECHS

Evaluarea site-urilor web d.p.d.v. al accesibilității: http://www.w3.org/WAI/eval/

Instrumente de evaluare, reparare, transformare pentru accesibilizarea conținutului web: http://www.w3.org/WAI/ER/existingtools.html

Selectarea și utilizarea instrumentelor de editare pentru accesibilizare web [nume proiect]: http://www.w3.org/WAI/EO/Drafts/impl/software5.html

Echipe de revizuire standarde pentru evaluarea accesabilității online [nume proiect]: http://www.w3.org/WAI/EO/Drafts/review/reviewteams.html

8. Anexa

[Atașați detalii ale validatorului și numele programelor de evaluare menționate în rapoarte]

SFÂRȘIT MODEL DE RAPORT.