Listă de verificare gratuită a site-ului pentru conformitate cu ADA

De ce aveți nevoie de un site web conform ADA

Orice companie sau instituție publică care trebuie să respecte ADA la locația sa fizică și „care folosește internetul pentru comunicații cu privire la programele, bunurile sau serviciile lor trebuie să fie pregătită să ofere acele comunicări și prin mijloace accesibile.” conform unei scrisori deschise din partea Departamentului de Justiție.

Orice companie care are mai mult de 15 angajați cu normă întreagă și este deschisă pentru mai mult de 20 de săptămâni pe an trebuie să respecte Titlul III al Americans with Disabilities Act, fiind ușor accesibilă publicului larg. Activiștii au început recent să caute și să dea în judecată site-uri web neconforme; Numai în 2018 au fost depuse 2250 de procese.

Dacă se constată că site-ul dvs. web nu este conform, veți pierde mii de dolari în amenzi și taxe judiciare. Veți suferi, de asemenea, un coșmar în relațiile publice atunci când presa de știri raportează că afacerea dvs. a fost dată în judecată pentru discriminare împotriva persoanelor cu dizabilități.

În timp ce „accesibilitatea” a fost definită în mod vag în 1996, când a fost publicată scrisoarea DOJ, Instrucțiuni privind accesibilitatea conținutului web sunt acum standardul folosit de Guvernul Federal pentru propria sa prezență pe web și de către instanțele pentru a evalua încălcările ADA Titlul III.

Site-ul dvs. actual este probabil neconform

Executivii rareori realizează că respectarea ADA este o preocupare atunci când cumpără un site web nou. Cei care au adesea încredere că oricine este capabil să creeze site-uri web elegante și atractive face și site-uri web conforme cu ADA. Din păcate, designerii web ignoră adesea cele mai bune practici pentru conformitatea cu ADA sau le ignoră pentru a implementa noi funcții de design interesante.

De asemenea, echipele de publicitate ale multor mărci nu cunosc cerințele. Alții le iau drept sugestii și ignoră problemele majore, cum ar fi contrastul culorilor și dimensiunea fontului, deoarece ar necesita rebranding sau modificări ale unei campanii în desfășurare pentru a se conforma.

Dacă nu sunteți sigur de conformitatea site-ului dvs., testați-l pe lista noastră de verificare. O oră din timpul tău ar putea salva compania ta zeci de mii de dolari și umilirea publică.

Testează-ți site-ul web pentru conformitatea cu ADA

Noi, cei de la Sagapixel Web Design, am creat o listă de verificare pentru a testa conformitatea ADA a unui site web. Acest lucru permite echipelor noastre de web design și creare de conținut să se asigure că munca lor este accesibilă celui mai mare număr de vizitatori și potențiali clienți.

Cum să utilizați lista de verificare

Testarea conformității ADA necesită mai multe instrumente pentru a testa diferite zone ale site-ului dvs. Există o varietate de instrumente gratuite, cum ar fi WAVE, care pot testa cei mai importanți factori de conformitate, dar este necesară o analiză umană pentru lucruri precum subtitrările și cazurile aberante pe care instrumentul nu le poate detecta, cum ar fi problemele de reflow și imaginile cu text alternativ care nu descrie ce este în cadru.

Mergeți în lista noastră de verificare și testați pentru fiecare articol. Dacă treci de Nivelul AA, felicitări! Afacerea dvs. este accesibilă pentru majoritatea persoanelor cu dizabilități. Dacă nu reușiți vreun articol, sunteți expus riscului unui proces. Dacă nu reușiți mai mult de câteva criterii, cumpărarea unui site web nou va fi probabil mai ieftină decât reținerea unui dezvoltator pentru a depana ceea ce aveți în prezent.

Vizualizați lista de verificare online de mai jos sau descărcați un PDF al listei de verificare pentru a le imprima sau vizualiza offline.

Lista de verificare

Conformitate A-Tier

• Orice conținut non-text are o alternativă text care servește același scop.
• Orice media bazată pe timp, inclusiv prezentările doar audio și video, are o alternativă ușor accesibilă.
• Toate media sincronizate preînregistrate au subtitrări.
• Ordinea de citire a oricărui conținut poate fi determinată programatic. Conținutul este prezentat într-o ordine logică, iar navigarea cu tastatură urmează această ordine.
• Instrucțiunile nu se bazează exclusiv pe caracteristicile senzoriale, cum ar fi culoarea, sunetul sau orientarea vizuală, pentru a explica modul de operare a conținutului site-ului.
• Culoarea nu este niciodată folosită ca unic mijloc de comunicare a prezenței prompturilor, linkurilor sau a altor elemente vizuale.
• Dacă sunetul este programat să fie redat automat mai mult de 3 secunde, este disponibil un mecanism pentru a întrerupe sunetul sau a reduce volumul independent de volumul sistemului.
• Utilizatorii pot accesa toate funcțiile unui site web doar cu o tastatură.
• Este posibil ca câmpurile de introducere să nu necesite o anumită sincronizare a tastei, cu excepția cazului în care sincronizarea mișcărilor unui utilizator este esențială pentru funcționarea câmpului.
• Dacă o componentă poate fi accesată de la tastatură, trebuie să fie posibil să părăsiți acea componentă folosind o tastatură.
• Dacă este necesar să aveți o comandă de ieșire dintr-o componentă de pe pagină, ar trebui să fie o singură cheie care nu poate fi imprimată, cum ar fi Escape sau Tab.
• Comenzile rapide cu o singură literă trebuie să aibă cel puțin una dintre următoarele caracteristici:
  • Trebuie să existe întotdeauna o modalitate de a dezactiva comanda rapidă.
  • Există un mecanism pentru a remapa comanda rapidă la un caracter care nu poate fi imprimat.
  • Comanda rapidă funcționează numai într-o anumită componentă și este activă numai atunci când acea componentă are focalizare.
• Utilizatorii ar trebui să poată extinde sau dezactiva limitele de timp în conținut, cu excepția cazului în care acest termen este o parte esențială a unei funcții din viața reală, cum ar fi o licitație.
• Utilizatorii ar trebui să poată ascunde orice caracteristică de clipire sau defilare. Singura excepție este pentru alertele de urgență autentice.
• Nicio caracteristică nu poate clipi mai mult de trei ori într-o secundă.
• Trebuie să existe un mecanism pentru a ocoli blocurile de conținut duplicate.
• Toate titlurile paginilor trebuie să descrie subiectul și scopul paginii.
• Când o pagină este navigată secvenţial, componentele trebuie să primească focalizarea în ordinea corectă atunci când sunt accesate de la tastatură.
• Orice gest cu mai multe intrări are o singură alternativă de intrare.
• Când o funcție este activată printr-un clic, aceasta trebuie să utilizeze una dintre următoarele caracteristici de accesibilitate:
  • Numai clicul în jos nu activează funcția.
  • Există o opțiune pentru a anula sau anula clicul.
  • Eliberarea butonului indicator anulează clicul.
  • Singura excepție este atunci când funcția este concepută pentru a emula o tastatură sau o tastatură.
• Când un buton include text sau imagini, numele butonului conține acel nume sau descrie conținutul vizual al butonului.
• Funcțiile activate prin mișcare trebuie să aibă și o modalitate de activare prin interfața cu utilizatorul. Singura excepție este atunci când mișcarea este o parte esențială a activității, iar GUI nu ar putea replica funcția.
• Limba implicită a unei pagini web poate fi determinată programatic.
• Butoanele și alte componente interactive nu își pot schimba scopul atunci când primesc focalizare de la utilizator.
• Modificarea setărilor utilizatorului nu ar trebui să schimbe contextul butoanelor sau elementelor interactive.
• Erorile de introducere trebuie să aibă un nume clar și o descriere text.
• Orice câmp de intrare ar trebui să aibă o etichetă și instrucțiuni clare.
• Numele, rolul și starea tuturor componentelor interfeței cu utilizatorul pot fi determinate prin programare.
• Orice conținut sau caracteristică implementată cu limbaj de marcare are etichete precise și utilizează ID-uri unice.

Conformitatea nivelului AA

• Conținutul media în direct sincronizat va fi prezentat cu subtitrări.
• Media preînregistrate ar trebui să aibă subtitrări cu descriere audio.
• Orientarea unei pagini (peisaj sau portret) nu restricționează vizualizarea sau funcționarea, cu excepția cazului în care orientarea este o caracteristică esențială a conținutului.
• Scopul oricărei intrări care colectează informații despre utilizator este etichetat clar și poate fi determinat programatic.
• Textul normal trebuie să aibă un contrast de 4,5:1.
• Textul cu dimensiunea fontului de 18 pt sau mai mare poate avea un raport de contrast de până la 3:1. Textele pur decorative și siglele corporative sunt exceptate de la aceste standarde.
• Textul trebuie să păstreze tot conținutul și funcționalitatea atunci când redimensionează până la 200%.
• Imaginile textului nu trebuie folosite în niciun loc unde textul real ar fi suficient. Dacă imaginea nu are o alternativă practică, cum ar fi prezentări de artă sau documente antice, ar trebui să fie disponibilă o descriere a imaginii.
• Conținutul trebuie să revină la o lățime de 320 de pixeli CSS (defilare pe verticală) sau 256 de pixeli CSS (defilare pe orizontală) când este scalat până la 400%
• Componentele interfeței cu utilizatorul și orice separare a culorilor nedecorative trebuie să aibă un contrast de cel puțin 3:1.
• Spațierea minimă a textului:
  • Înălțimea liniei este de 1,5 ori dimensiunea fontului.
  • Spațierea dintre paragrafe este de 2 ori dimensiunea fontului
  • Spația dintre litere este de 0,12 ori dimensiunea fontului
  • Spațierea cuvintelor este de 0,16 ori dimensiunea fontului.
  • Dacă o anumită limbă sau un script nu acceptă una dintre aceste opțiuni de spațiere, este scutit de acea opțiune din motive de accesibilitate.
• Când conținutul apare la trecerea cursorului sau la focalizarea tastaturii:
  • Ar trebui să existe o modalitate de a închide conținutul fără a schimba focalizarea.
  • Conținutul nu trebuie să dispară atâta timp cât indicatorul sau focalizarea rămâne pe el.
  • Conținutul nu ar trebui să dispară decât dacă utilizatorul îl declanșează (adică prin schimbarea focalizării sau închiderea conținutului) sau dacă informațiile devin invalide.
• Există mai multe modalități de a accesa o pagină web într-un set de alte pagini web, cu excepția cazului în care pagina respectivă este un pas al unui proces.
• Toate titlurile și etichetele descriu subiectul sau scopul conținutului de sub ele.
• Indicatorul de focalizare de la tastatură ar trebui să fie întotdeauna vizibil acolo unde este cazul.
• Limba unui fragment de text este marcată programatic.
  • Pot fi făcute excepții pentru nume, jargon tehnic și limba vernaculară rezonabilă.
• Elementele de navigare ar trebui să aibă același design, locație și scop în paginile legate de web.
• Erorile de intrare sunt detectate automat și se fac sugestii despre cum să le rezolvi.
• Dacă o pagină web provoacă un angajament legal, are ca rezultat o tranzacție financiară sau trimite răspunsuri de testare, trebuie să includă cel puțin una dintre aceste caracteristici:
  • Depunerea este reversibilă.
  • Site-ul web verifică omisiunile și erorile de date și oferă utilizatorului opțiunea de a le corecta.
  • Utilizatorului i se oferă șansa de a revizui, corecta și confirma orice informații pe care le-a introdus.
• Site-ul web prezintă mesaje de eroare și de stare către tehnologia de asistență chiar și atunci când utilizatorul nu acordă atenție mesajului de eroare.

Conformitatea nivelului AAA

• Interpretarea în limbajul semnelor este oferită pentru orice media sincronizată preînregistrată.
• Media preînregistrate are subtitrări cu descriere audio extinsă.
• Sunt furnizate alternative necronometrate pentru conținutul media numai video.
• Sunt furnizate alternative necronometrate pentru mediile audio.
• Conținutul implementat prin limbaje de marcare și scopul componentelor interfeței cu utilizatorul pot fi determinate programatic.
• Contrastul textului normal este de cel puțin 7:1. iar textul îngroșat este de cel puțin 4,5:1.
• Dacă sunetul preînregistrat este în primul rând vorbire, nu ar trebui să existe zgomot de fundal sau diferența dintre zgomotul de fundal și vorbire ar trebui să fie de cel puțin 20 db. Conținutul muzical este scutit.
• Utilizatorul ar trebui să poată schimba formatul blocurilor de text astfel încât:
  • culorile de prim plan și de fundal pot fi selectate de utilizator,
  • paragrafele nu au mai mult de 80 de caractere sau 40 de glife chineze/japoneze/coreene,
  • spația dintre rânduri este de cel puțin 1,5 și spațierea dintre paragrafe este de cel puțin 3,
  • Textul nu necesită ca utilizatorul să defileze orizontal atunci când este redimensionat până la 200%.
  • Imaginile textului sunt folosite exclusiv ca decor. Siglele sunt scutite.
• Toate funcționalitățile unui site web sunt accesibile doar cu o interfață de tastatură.
• Nicio funcție de pe un site web nu ar trebui să fie sensibilă la timp, decât dacă este legată de evenimente din lumea reală.
• Orice întreruperi care nu sunt de urgență pot fi întrerupte sau respinse de către utilizator.
• Când expiră o sesiune, utilizatorii ar trebui să se poată reautentifica și relua introducerea informațiilor.
• Utilizatorii ar trebui să fie înștiințați în mod clar dacă orice date se vor pierde după o perioadă de inactivitate și ar trebui să fie oferită o opțiune pentru a salva datele utilizatorului și a continua la o dată ulterioară.
• Mișcările animate nu sunt esențiale pentru transmiterea informațiilor.
• Animațiile pot fi dezactivate.
• Când paginile web sunt un set conectat, ar trebui să existe o indicație vizuală și programatică clară a locației unui utilizator.
• Textul unui link ar trebui să identifice scopul unui link.
• Textul este organizat cu etichete de titlu HTML.
• Butoanele și alte ținte pentru un indicator trebuie să aibă cel puțin 44 px pe 44 px.
• Modalitățile alternative de introducere pot fi blocate doar prin programare atunci când restricția este necesară pentru un scop de securitate valid.
• Cuvintele de împrumut străine, expresiile și jargonul tehnic sunt definite prin marcare text sau prin link-uri către un dicționar adecvat.
• Abrevierile sunt definite sau pot fi extinse pentru a arăta termenul complet.
• O versiune simplificată a conținutului ar trebui să fie disponibilă atunci când este scris peste un nivel de lectură de clasa a 9-a.
• Când pronunția unui cuvânt este ambiguă, ar trebui inclusă o cheie pentru pronunție.
• Elementele de navigare nu ar trebui să schimbe niciodată contextul, cu excepția cazului în care utilizatorul inițiază schimbarea.
• Ajutorul sau sfaturile instrumente sensibile la context sunt întotdeauna disponibile.
• Atunci când o pagină web solicită unui utilizator să trimită informații personale, cel puțin una dintre aceste caracteristici este inclusă:
  • Depunerea este reversibilă.
  • Site-ul web verifică omisiunile și erorile de date și oferă utilizatorului opțiunea de a le corecta.
  • Utilizatorului i se oferă șansa de a revizui, corecta și confirma orice informații pe care le-a introdus.

Întrebări frecvente privind designul web conform

Care sunt regulile oficiale ale site-ului ADA?

În ciuda revizuirilor din 2008, ADA nu menționează în mod specific site-urile web sau accesibilitatea internetului. Mii de procese sunt intentate în fiecare an cu privire la accesibilitatea online, iar instanțele au folosit liniile directoare publicate de World Wide Web Consortium (W3C), o organizație recunoscută internațional pentru standardele de internet, ca model de proiectare conformă. Ghidurile consorțiului pentru accesibilitatea conținutului web (WCAG) au fost publicate din 1999. Aceste standarde au fost adoptate ca standard ISO în 2012 și sunt baza pentru legile privind accesibilitatea web în Europa și Asia. Statele Unite impun acum conformitatea WCAG AA-Tier pentru toate site-urile web guvernamentale, iar judecătorii federali fac referire la aceste standarde atunci când se pronunță cu privire la accesibilitatea site-urilor web și la încălcările Titlul III ADA.

Cât de des se schimbă ghidurile de conformitate?

Ghidurile au fost publicate pentru prima dată în 1999, cu revizuiri majore în 2008 și 2018. WCAG 2.1 este cea mai recentă actualizare, publicată în iunie 2018. Conține 17 criterii noi, care vizează mai ales accesibilitatea pentru smartphone-uri și alte dispozitive cu ecran tactil mic.

Respectarea regulilor 2.0 va avea ca rezultat un site desktop accesibil. Cu toate acestea, standardele 2.0 au fost publicate în urmă cu 11 ani și nu au prezis revoluția smartphone-urilor. Ca urmare, nu există reguli pentru crearea de site-uri web mobile conforme și puține îndrumări pentru intrările de operare bazate pe atingere și gesturi. Dacă site-ul dvs. web a fost construit pentru a fi conform ADA înainte de 2018, este posibil să nu mai îndeplinească standardele minime de conformitate, mai ales atunci când este accesat de pe un smartphone.

Care este diferența dintre nivelurile de conformitate A, AA și AAA?

Nivelul A sunt elemente și funcții care trebuie să fie absolut prezente pentru ca cineva cu dizabilități să vă folosească site-ul. Dacă o funcție de nivel A lipsește, site-ul dvs. nu este accesibil.

Nivelul AA conține elemente care sunt recomandate cu tărie pentru accesibilitate. Dacă lipsesc vreo caracteristică AA, va fi foarte dificil pentru persoanele cu deficiențe de vedere sau cu dizabilități fizice să navigheze pe site-ul dvs. Pentru conformitatea ADA, acesta este nivelul minim acceptabil de accesibilitate.

Nivelul AAA conține cele mai avansate funcții de accesibilitate. Nu toate aceste caracteristici sunt posibile pe fiecare site web sau platformă digitală. Este recomandat să includeți cât mai multe funcții AAA sau caracteristici AAA parțiale, dar conformitatea totală cu AAA nu este un obiectiv rezonabil pentru majoritatea site-urilor web sau a tipurilor de afaceri.

Principiile designului web conform ADA

Perceptibil

• Adaptabil: conținutul nu trebuie să-și piardă structura sau funcționalitatea atunci când este prezentat într-un format alternativ, cum ar fi atunci când este mărit sau procesat de un cititor de ecran.
• Distins: conținutul vizual și audio trebuie să fie clar și distinct, inclusiv contrastul dintre text și culorile de fundal și hyperlinkuri și butoane marcate clar.
• Alternative media bazate pe timp: ar trebui să existe alternative ușor accesibile pentru conținutul audio și video, cum ar fi o transcriere completă a clipurilor audio și explicații scrise ale oricăror grafice sau diagrame.

Operabil

• Accesibil la tastatură: Toate funcțiile unui site web ar trebui să fie disponibile doar cu o tastatură. Gesturile și utilizarea mouse-ului nu ar trebui să fie niciodată singura metodă de introducere.
• Navigabil: ar trebui să existe indicații clare despre locul în care se află un utilizator pe un site web și despre cum să ajungi la diferite pagini conectate. Toate butoanele, linkurile și câmpurile de introducere ar trebui să fie etichetate clar și ușor de distins.
• Gesturi și intrări accesibile: funcționalitatea nu ar trebui să depindă niciodată de gesturi bazate pe cale sau în mai multe puncte sau de activitatea pointerului, iar orice intrare ar trebui să aibă o opțiune de anulare sau anulare.

De inteles

• Citibil: orice conținut text ar trebui să poată fi analizat de echipamente de asistență.
• Previzibil: paginile web ar trebui să funcționeze în moduri consistente și logice. Butoanele de navigare ar trebui să păstreze același context înainte și după utilizare, iar orice modificare a contextului ar trebui să fie clară pentru utilizator.
• Asistență pentru introducere: paginile web ar trebui să ajute utilizatorii să evite și să corecteze posibile greșeli. Orice mesaj de eroare trebuie să aibă o explicație clară, o sugestie de rezolvare și o etichetă.

Robust

• Compatibilitate inversă: site-urile web ar trebui să fie capabile să interfațeze cu generațiile anterioare de tehnologie de asistență, precum și să îndeplinească toate standardele actuale.
• Proiectat pentru tehnologii de asistență: Toate elementele unui site web ar trebui să aibă nume, roluri și valori care pot fi determinate programatic de cititoarele de ecran și alte dispozitive de asistență.
• Mesaje de marcare și de stare: Marcarea textului și mesajele de stare importante ar trebui programate astfel încât să fie accesibile cititorilor de ecran, chiar dacă mesajul nu este în prezent focalizat.

Afacerile mici ar trebui să respecte ADA?

Întreprinderile mici, majoritatea întreprinderilor sezoniere și instituțiile religioase sunt scutite din punct de vedere legal de majoritatea cerințelor de la Titlul III. Un magazin de sandvișuri deținut de o familie nu este obligat prin lege să instaleze o rampă pentru scaune cu rotile, iar magazinul local de hobby nu poate fi dat în judecată pentru că a uitat să pună text alternativ pe fotografiile produselor de pe site-ul lor. Chiar și așa, are sens ca și cea mai mică companie cu prezență online să se gândească la conformitatea cu ADA.

A fi neconform înseamnă mai mult decât text greu de citit și navigare dificilă. Atunci când lipsesc elemente esențiale, cum ar fi text alternativ de pe imagini și instrucțiuni pentru completarea câmpurilor de introducere, este posibil ca clienții să nu poată finaliza o achiziție. Unele funcții de design mai vechi pot chiar împiedica cei cu tehnologie de asistență de citire a ecranului să vă vadă numărul de telefon și adresa. A fi ușor accesibil online are sens în afaceri pentru aproape orice magazin mic.