Cititoare de ecran
NVDA și JAWS pe Windows, VoiceOver pe macOS și iOS, TalkBack pe Android.
Testăm site-ul așa cum îl folosesc persoanele cu dizabilități: cu tastatura, cu cititoare de ecran și cu pagina mărită.
Auditul manual este partea din evaluare pe care o face un om, nu un program. Expertul folosește site-ul așa cum îl folosesc persoanele cu dizabilități: doar cu tastatura, cu un cititor de ecran, cu pagina mărită la 400%, cu stiluri modificate. Așa ies la iveală problemele reale, cele care blochează efectiv un utilizator.
Multe criterii WCAG cer judecată umană. Un program nu poate spune dacă textul alternativ al unei imagini este corect, dacă ordinea de citire are sens, dacă un mesaj de eroare explică ce trebuie făcut sau dacă un utilizator poate termina o comandă fără mouse.
| Situație | Ce poate verifica un scanner | Ce verifică expertul |
|---|---|---|
| Imagine de produs | Dacă există atributul alt | Dacă descrierea transmite informația relevantă |
| Formular de comandă | Dacă fiecare câmp are o etichetă | Dacă erorile sunt anunțate și explicate clar |
| Meniu derulant | Dacă elementele au roluri ARIA valide | Dacă meniul se deschide și se închide corect cu tastatura |
| Fereastră de dialog | Dacă există un titlu | Dacă focusul intră în dialog și revine corect la închidere |
| Ordinea conținutului | Puțin sau deloc | Dacă ordinea de citire și de focus urmează logica vizuală |
| Conținut video | Dacă există un element track | Dacă subtitrările sunt corecte și sincronizate |
NVDA și JAWS pe Windows, VoiceOver pe macOS și iOS, TalkBack pe Android.
Tab, Shift+Tab, săgeți, Enter, Spațiu și Escape, fără mouse.
Zoom de 200% și 400%, lățime de 320 de pixeli, spațiere de text modificată.
Contrast ridicat în Windows, mod întunecat, reducerea mișcării.
Fiecare neconformitate din raport are aceeași structură, ca echipa ta să o poată înțelege și rezolva fără ambiguități:
| Câmp | Exemplu |
|---|---|
| Criteriul WCAG | 2.4.7 Focus vizibil (nivel AA) |
| Locul | Pagina de finalizare a comenzii, butonul „Aplică voucher” |
| Descriere | Butonul nu are niciun indicator vizual când primește focus |
| Impact | Utilizatorii care navighează cu tastatura nu știu unde se află în pagină |
| Severitate | Ridicată: blochează parcurgerea unui flux critic |
| Recomandare | Adăugarea unui contur vizibil la :focus-visible, cu contrast de cel puțin 3:1 |
Detaliile procesului sunt descrise în pagina metodologia de testare manuală.
Spune-ne ce platformă ai și ce termene urmărești. Revenim cu o propunere clară, adaptată proiectului tău.