Checklist ADA pentru site-uri web

Nu există un checklist ADA oficial pentru site-uri. Ghidul DOJ privind accesibilitatea web trimite la standardele tehnice existente — WCAG și Section 508 Standards — și enumeră barierele tipice: contrast slab al culorilor, imagini fără text alternativ, videoclipuri fără subtitrări, formulare inaccesibile și navigare doar cu mouse-ul. Acest checklist transformă WCAG 2.2 nivel AA în verificări practice, grupate pe zone, pentru un site de firmă sau un magazin online. Sunt informații generale, nu consultanță juridică, iar parcurgerea lui nu certifică nimic.

Descărcați checklistul ca PDF mai jos.

Cum folosiți acest checklist

1. Alegeți paginile care contează: prima pagină, o pagină de categorie sau colecție, o pagină de produs sau serviciu, coșul, comanda, contul, formularul de contact și o pagină lungă de conținut.
2. Rulați mai întâi o scanare automată. Verificarea ADA gratuită găsește multe probleme de cod în aproximativ un minut; punctele marcate mai jos cu (auto) sunt acoperite parțial de ea.
3. Parcurgeți punctele manuale cu tastatura, un cititor de ecran și zoomul browserului.
4. Notați ce ați găsit și ce ați remediat, cu date. Această evidență este utilă orice s-ar întâmpla.

Numerele criteriilor din paranteze se referă la WCAG 2.2.

Imagini și grafică

• [ ] Fiecare imagine informativă are o alternativă text (auto: prezența) care descrie conținutul sau scopul ei (1.1.1).
• [ ] Imaginile decorative au textul alternativ gol, ca cititoarele de ecran să le sară (1.1.1).
• [ ] Linkurile-imagine și butoanele cu pictogramă spun unde duc sau ce fac — „Coș”, nu „pictogramă” (1.1.1, 2.4.4) (auto).
• [ ] Textul nu este afișat ca imagine, cu excepția logourilor (1.4.5).
• [ ] Graficele și infograficele au în apropiere un rezumat text (1.1.1).

Culori și contrast

• [ ] Textul principal are un contrast de cel puțin 4,5:1, textul mare 3:1 (1.4.3) (auto). Testați perechile cu verificarea contrastului.
• [ ] Pictogramele, marginile câmpurilor și indicatorii de focus au cel puțin 3:1 față de fundal (1.4.11).
• [ ] Culoarea nu este niciodată singurul mod de a transmite o informație, de exemplu câmpurile obligatorii, erorile sau prețurile reduse (1.4.1).

Tastatură și focus

• [ ] Fiecare link, buton, meniu, slider și câmp de formular funcționează cu Tab, Shift+Tab, Enter, Spațiu și tastele săgeți (2.1.1).
• [ ] Nu rămâneți niciodată blocați într-un pop-up, un widget de chat sau un player video (2.1.2).
• [ ] Focusul este mereu vizibil (2.4.7) și nu este ascuns în spatele antetelor fixe sau al bannerelor de cookie-uri (2.4.11).
• [ ] Ordinea focusului urmează ordinea vizuală (2.4.3).
• [ ] Un link „sari la conținut” sau landmark-urile permit sărirea peste navigare (2.4.1).

Formulare și comandă

• [ ] Fiecare câmp are o etichetă vizibilă legată de el în cod (1.3.1, 3.3.2, 4.1.2) (auto: legătura).
• [ ] Câmpurile de adresă, e-mail și plată folosesc atribute autocomplete (1.3.5) (auto: valori valide).
• [ ] Erorile sunt descrise în text, lângă câmp, cu o indicație despre cum se corectează (3.3.1, 3.3.3).
• [ ] Comenzile și plățile pot fi revizuite și corectate înainte să devină definitive (3.3.4).
• [ ] Autentificarea nu cere rezolvarea unui puzzle sau memorarea unui cod fără o alternativă, cum ar fi lipirea sau un manager de parole (3.3.8).
• [ ] Informațiile deja introduse nu sunt cerute din nou în același proces (3.3.7).

Structură și navigare

• [ ] Fiecare pagină are un titlu unic și descriptiv (2.4.2) (auto: prezența).
• [ ] Titlurile formează o structură logică, iar listele și tabelele folosesc marcaj real (1.3.1, 2.4.6).
• [ ] Limba paginii este setată (3.1.1) (auto).
• [ ] Navigarea și linkurile de ajutor apar în același loc pe fiecare pagină (3.2.3, 3.2.6).
• [ ] Există mai multe căi de a găsi o pagină, de exemplu un meniu, o căutare sau o hartă a site-ului (2.4.5).
• [ ] Textul linkurilor are sens în context — fără un simplu „click aici” (2.4.4).

Machetă, zoom și mobil

• [ ] La zoom de 200 % niciun text nu este tăiat (1.4.4); la 400 % sau la o lățime de 320 pixeli nu este nevoie de derulare orizontală (1.4.10).
• [ ] Site-ul funcționează în modul portret și peisaj (1.3.4).
• [ ] Butoanele și linkurile au cel puțin 24 pe 24 pixeli CSS sau sunt suficient de distanțate (2.5.8) (auto).
• [ ] Tot ce se face prin tragere, de exemplu un slider de preț, merge și cu atingeri sau clicuri simple (2.5.7).
• [ ] Conținutul care apare la hover sau focus poate fi închis și rămâne cât timp pointerul este deasupra lui (1.4.13).

Video, audio și mișcare

• [ ] Videoclipurile preînregistrate au subtitrări corecte (1.2.2) și audiodescriere sau o transcriere (1.2.3, 1.2.5).
• [ ] Nimic nu redă automat sunet mai mult de trei secunde fără o modalitate de a-l opri (1.4.2).
• [ ] Caruselele și animațiile pot fi puse pe pauză (2.2.2) și nimic nu clipește de mai mult de trei ori pe secundă (2.3.1).
• [ ] Expirarea sesiunii îi avertizează pe utilizatori și poate fi prelungită (2.2.1).

Verificarea cu cititorul de ecran

• [ ] Cu VoiceOver, NVDA sau TalkBack, sarcinile principale — găsirea unui produs, adăugarea în coș, finalizarea comenzii, contactarea dumneavoastră — pot fi duse la capăt.
• [ ] Mesajele de stare precum „Adăugat în coș” sau „3 rezultate” sunt anunțate (4.1.3).
• [ ] Controalele personalizate își anunță numele, rolul și starea, de exemplu „extins” (4.1.2) (auto: parțial).

Documente și conținut terț

• [ ] PDF-urile, meniurile, listele de prețuri și formularele la care trimiteți sunt accesibile sau disponibile într-un format accesibil — vedeți cum verificați accesibilitatea PDF.
• [ ] Widgeturile încorporate — chat, recenzii, rezervări, hărți — trec aceleași verificări cu tastatura și cu cititorul de ecran.
• [ ] Nu vă bazați pe un widget overlay ca să „repare” site-ul; vedeți de ce overlay-urile nu sunt o soluție.

Publicare și întreținere

• [ ] O pagină despre accesibilitate explică ce ați făcut și cum vă pot semnala oamenii o barieră.
• [ ] Verificați din nou după actualizările temei, pluginurilor și aplicațiilor, nu doar o dată.

De la checklist la auditul ADA

Această listă este o autoverificare. Un checklist de audit ADA folosit de un expert parcurge fiecare criteriu WCAG A și AA pe un eșantion definit de pagini, cu un raport scris — vedeți auditul de accesibilitate. Cumpărătorii federali pot cere și o evaluare Section 508 sau un ACR bazat pe VPAT. Lista completă, criteriu cu criteriu, este în checklistul WCAG 2.2; contextul juridic este în ADA și accesibilitatea site-urilor.

Verificările marcate cu (auto) pot fi repetate săptămânal fără efort: cu un plan, Pandus scanează fiecare pagină a site-ului și vă anunță când apar probleme noi. Este o verificare automată, nu un audit complet.

Surse

• ADA.gov, Guidance on Web Accessibility and the ADA: https://www.ada.gov/resources/web-guidance/
• ADA.gov, Fact sheet on the Title II web and mobile app rule: https://www.ada.gov/resources/2024-03-08-web-rule/
• W3C, WCAG 2.2: https://www.w3.org/TR/WCAG22/

Întrebări frecvente

Există un checklist ADA oficial pentru site-uri?

Nu. ADA nu are un checklist tehnic pentru site-urile firmelor private. Departamentul de Justiție al SUA trimite la WCAG și la Section 508 Standards; acest checklist urmează WCAG 2.2 nivel AA.

Dacă parcurg acest checklist, site-ul meu respectă ADA?

Niciun checklist nu poate promite asta. Vă ajută să găsiți și să eliminați cele mai frecvente bariere și să vă documentați munca. Pentru poziția juridică, discutați cu un avocat.

Ce nivel WCAG ar trebui să folosească un checklist ADA?

Nivelul AA. Regula DOJ pentru Title II, destinată administrațiilor statale și locale, preia WCAG 2.1 AA, iar WCAG 2.1 sau 2.2 AA este reperul obișnuit pentru site-urile firmelor. WCAG 2.2 AA include aproape tot ce conține 2.1 AA; vedeți WCAG 2.1 vs 2.2.

Pot descărca checklistul ca PDF?

Da. Versiunea PDF a acestui checklist are link pe această pagină, ca să o puteți tipări sau trimite dezvoltatorului ori agenției.

Prin ce se deosebește un audit ADA de acest checklist?

Un audit este o evaluare structurată, făcută de un expert, după fiecare criteriu WCAG, cu un raport. Acest checklist este o autoverificare practică; acoperă barierele cele mai importante, dar nu fiecare criteriu în profunzime.