Lista de verificare a conformității ADA: 11 caracteristici accesibile care trebuie să aibă

Judy îți vizitează site-ul web după ce a văzut un anunț și a devenit interesată de unul dintre produsele tale. Ea vede un videoclip pe pagina ta de pornire și dă clic pe el. Dar videoclipul are o problemă: Judy este greu de auz, iar videoclipul tău nu are subtitrări.

Dacă site-ul dvs. web nu respectă regulile stabilite de Americans with Disabilities Act (ADA), riscați ca oameni precum Judy să vă părăsească site-ul. Sau mai rău, oamenii pot depune un proces din cauza inaccesibilității site-ului dvs.

Dar înainte de a începe să intrați în panică, consultați lista noastră de verificare a conformității ADA pentru a vedea 11 funcții obligatorii pentru a vă asigura că site-ul dvs. este accesibil. Citiți mai departe pentru a afla mai multe!

Și dacă doriți mai multe sfaturi și trucuri utile pentru a oferi cea mai bună experiență de utilizare, abonați-vă la buletinul nostru informativ prin e-mail, Revenue Weekly!

Pentru și mai multe sfaturi de marketing digital, înscrieți-vă pentru e-mailul în care au încredere peste 190.000 de alți marketeri: Revenue Weekly.

Înscrie-te astăzi!

Ce înseamnă să fii conform ADA?

Când auziți „conform ADA”, ce înseamnă asta?

Conformitatea ADA se bazează pe Americans with Disabilities Act (ADA), care prevede că toate spațiile publice ar trebui să fie accesibile persoanelor cu dizabilități. Înseamnă că, indiferent dacă cineva este cu deficiențe de vedere, fizic sau are un alt handicap, are nevoie de acomodare pentru a accesa același spațiu.

Aceste locuri de cazare se extind la Internet, deoarece Internetul este considerat un spațiu public. Ca rezultat, trebuie să creați un site web care să permită persoanelor cu diferite dizabilități să vă acceseze site-ul cu ușurință.

Nerespectarea conformității ADA are numeroase ramificații, de la pierderea clienților până la probleme legale.

Lista de verificare a conformității ADA: 11 elemente de bifat din lista dvs

Pentru a vă asigura că aveți un site web conform, consultați site-ul nostru Lista de verificare conform ADA pentru a afla cum să vă faceți site-ul accesibil tuturor!

1. Urmați Ghidurile privind accesibilitatea conținutului web (WCAG)

În primul rând, pe această listă de verificare a site-ului web de conformitate ADA este să urmați ghidurile de accesibilitate a conținutului web (WCAG). WCAG stabilește linii directoare care să permită companiilor să creeze conținut web mai accesibil. Respectarea acestor linii directoare este un punct de plecare excelent pentru a oferi un site web pozitiv și funcțional.

Există patru elemente de bază ale WCAG:

1. Perceptibilitate: informațiile de pe site-ul dvs. sunt ușor de perceput? Dacă este greu să vedeți informații de pe site-ul dvs. web sau să vedeți un aspect clar al informațiilor, trebuie să vă adaptați site-ul web pentru a prezenta informațiile în mod clar.
2. Operabil: site-ul dvs. este ușor de utilizat și funcțional pentru oameni? Dacă site-ul dvs. are un aspect confuz sau o navigare dificil de utilizat, nu vă veți conforma regulilor WCAG. Veți dori să vă reoptimizați site-ul web pentru a vă asigura că este ușor pentru oameni să găsească informații.
3. De înțeles: este interfața site-ului dvs. ușor de înțeles? Dacă navigarea ta este complicată sau trebuie să faci mai mulți pași pentru a finaliza o sarcină, ar putea ajunge să fie prea greu de înțeles. Doriți să faceți procesele site-ului web simple și ușor de urmărit.
4. Robust: site-ul dvs. este adaptabil pentru toate browserele și programele de asistență? Dacă doriți ca site-ul dvs. web să fie compatibil ADA, trebuie să vă asigurați că este compatibil cu programe de asistență, cum ar fi cititoarele de ecran.

Dacă urmați regulile WCAG, veți pune site-ul dvs. pe calea rapidă pentru a fi conform ADA.

2. Adăugați text alternativ al imaginii

Următorul pe lista noastră de verificare a conformității ADA este adăugarea unui text alternativ al imaginii. Textul alternativ al imaginii este textul pe care îl adăugați în partea de sus a imaginilor dvs., care descrie ceea ce este în fotografie. Acest text este esențial pentru toți utilizatorii.

Dacă o imagine nu se încarcă pe site-ul dvs., va apărea textul alternativ. Acest text alternativ îi ajută să spună utilizatorilor care este imaginea, astfel încât aceștia să poată vedea cum se aplică în contextul paginii.

Pentru utilizatorii cu dizabilități, textul alternativ este esențial pentru a înțelege ce este pe site-ul dvs. Dacă cineva are deficiențe de vedere, nu poate vedea imaginile de pe site-ul tău. Textul dvs. alternativ le oferă contextul pentru a înțelege ce elemente vizuale aveți pe site-ul dvs. web.

Când adăugați text alternativ la imaginile dvs., asigurați-vă că acesta descrie ceea ce este în imagine. Iată câteva sfaturi utile pentru adăugarea de text alternativ la imaginile dvs.:

• Folosiți cuvântul cheie țintă, dacă este relevant, dar nu umpleți etichetele cu cuvinte cheie
• Nu faceți totul prea simplu - spuneți „pălărie” în loc de „pălărie roșie de baseball așezată pe o masă neagră”.
• Nu folosiți expresia „imagine a” pentru a vă descrie fotografia - doar intrați în descriere!

3. Adăugați subtitrări la conținutul video

Următorul element de bifat din lista de verificare a conformității ADA este adăugarea de subtitrări la conținutul video. Subtitrările sunt o modalitate excelentă de a face videoclipurile de pe site-ul dvs. accesibile persoanelor cu dizabilități.

Activarea subtitrărilor pentru videoclipurile dvs. permite persoanelor cu deficiențe de auz să interacționeze cu conținutul dvs. video fără probleme. Este o modalitate excelentă de a vă face conținutul digerabil și accesibil tuturor!

4. Nu utilizați lumini sau culori care clipesc rapid

Când vă proiectați site-ul web, căutați o modalitate de a vă face afacerea să iasă în evidență față de concurență. Puteți încerca să adăugați un pop-up de fler, cum ar fi un pop-up intermitent, pentru a vă face site-ul în evidență. Deși poate fi distractiv să-ți îmbunătățești site-ul, acesta nu este conform ADA.

Pentru a rămâne în conformitate cu conformitatea ADA, veți dori să eliminați orice elemente care clipesc rapid sau își schimbă culorile. Aceste elemente pot fi dăunătoare pentru vizitatorii site-ului epileptic, așa că cel mai bine este să eliminați aceste elemente în întregime.

5. Eliminați etichetele de antet goale

Următorul pe această listă de verificare a site-ului web pentru conformitate cu ADA este eliminarea etichetelor de antet goale. Etichetele de antet joacă un rol esențial în a ajuta utilizatorii să înțeleagă structura unei pagini. Acestea creează o ierarhie de informații pentru a ajuta utilizatorii să înțeleagă cum sunt organizate informațiile pe pagina ta.

Deci, de ce contează dacă etichetele de antet sunt goale?

Cititorii cu deficiențe de vedere nu pot trece prin conținutul dvs. și nu pot înțelege structura. Cineva care nu are deficiențe de vedere nu va vedea eticheta de antet goală - va fi doar un spațiu gol. Experiența nu este aceeași pentru un cititor cu deficiențe de vedere.

Deoarece un cititor cu deficiențe de vedere se bazează pe cititoare de ecran, vor auzi programul spunând că este prezent un antet, dar nu va citi ce este deoarece este gol. Drept urmare, cititorul va fi confuz deoarece nu va înțelege organizarea paginii din cauza antetului gol.

Pentru a vă asigura că creați o experiență egală pentru toți, eliminați orice etichete de antet goale sau adăugați text la ele (dacă este cazul).

6. Fii atent la contrastul tău de culoare

Un alt element de verificat pe site-ul dvs. Lista de verificare conformă ADA este verificarea contrastului de culoare. În timp ce contrastul de culoare poate să nu pară mare lucru, îi afectează pe cei cu dizabilități.

Pentru persoanele care au vedere afectată sau sunt daltonişti, anumite contraste de culoare pot fi dificil de văzut sau chiar dureroase de văzut. De exemplu, cineva cu Protan Dalton Blindness (nu poate vedea roșu) va vedea site-ul dvs. web roșu și galben ca o singură culoare.

Deci, înseamnă că trebuie să vă schimbați întregul site web și schema de culori? Nu. Înseamnă că trebuie să fii mai atent la contrastele tale de culori și la modul în care separați culorile pe site-ul dvs. web. Puteți face ceva simplu, cum ar fi folosirea albului pentru a vă sparge culorile și a crea contrast.

În plus, doriți să vă gândiți la modul în care utilizați culoarea pentru a defini elementele de pe site-ul dvs.

Așa că, de exemplu, dacă aveți un articol despre ceea ce trebuie și nu și folosiți roșu și verde pentru a semnifica ceea ce este bun și rău, poate doriți să regândiți. Este posibil să doriți să adăugați simboluri precum bifurile și semnele x pentru a defini ceea ce trebuie și nu trebuie, în loc să vă bazați doar pe culoare.

7. Adăugați o notificare la limitele de timp

Un alt element de adăugat pe site-ul dvs. Lista de verificare conform ADA este să adăugați notificări la orice limită de timp pe site-ul dvs. Indiferent dacă revendicați o ofertă sau finalizați achiziția, puteți stabili limite de timp pentru procesele de pe site-ul dvs. pentru a încuraja oamenii să finalizeze acțiunile mai repede.

Dacă implementați această strategie, trebuie să o faceți accesibilă celorlalți care vă vizitează site-ul web. Veți dori să vă asigurați că adăugați notificări pentru când timpul se scurge, astfel încât cei care folosesc cititoare de ecran vor primi o notificare că se limitează la timp.

8. Organizați-vă site-ul în mod logic

Un alt element de adăugat la lista de verificare a conformității ADA este să vă organizați site-ul în mod logic. Acest sfat poate părea unul evident, dar are un impact semnificativ în a ajuta persoanele cu dizabilități să navigheze și să înțeleagă ce este pe site-ul dvs.

Pentru toți utilizatorii de pe site-ul dvs., doriți să vă asigurați că pot naviga cu ușurință pe site-ul dvs. și pot găsi informațiile de care au nevoie. Aceasta înseamnă crearea unei navigări organizate și a unei structuri logică a paginii pentru publicul dvs.

Când vă creați navigarea, asigurați-vă că o organizați într-un mod care să faciliteze navigarea oamenilor. Creați categorii și subcategorii pentru a vă ajuta navigarea să aibă o structură.

Când creați pagini pe site-ul dvs., asigurați-vă că aveți o ierarhie logică a informațiilor. Utilizați H1, H2 și așa mai departe pentru a vă organiza informațiile. Le facilitează utilizatorilor care folosesc cititoare de ecran să vă urmărească conținutul.

9. Asigurați-vă că site-ul dvs. este navigabil cu o tastatură

Următorul pe lista noastră de verificare pentru conformitatea ADA este să vă asigurați că site-ul dvs. este navigabil cu o tastatură. Mulți oameni cu deficiențe de auz și vedere și probleme de mobilitate se vor baza pe tastaturi pentru a naviga pe site-uri web, mai degrabă decât pe mouse.

Pentru a oferi aceeași experiență de calitate, trebuie să vă asigurați că oamenii pot naviga cu ușurință pe site-ul dvs. folosind o tastatură.

Puteți testa funcționalitatea tastaturii vizitând site-ul dvs. web și folosind următoarele taste pentru a vă deplasa:

• Săgeți în sus și în jos
• Tab
• Shift + Tab
• Spaţiu
• introduce

Dacă puteți accesa cu ușurință diferite elemente ale site-ului dvs. folosind aceste taste, atunci site-ul dvs. este gata! Dacă nu, va trebui să faceți ajustări pentru a o face mai prietenoasă cu tastatura.

10. Utilizați fonturile potrivite

Un alt element de adăugat la lista de verificare pentru conformitatea ADA este utilizarea fonturilor potrivite. Acest sfat se aplică mai mult decât doar ADA - a avea fontul potrivit poate face sau distruge site-ul dvs.

Nu doriți să utilizați fonturi care sunt greu de citit. Unii vizitatori cu deficiențe de vedere pot citi informații de pe site-uri web, dar trebuie doar să mărească fontul. Dacă fontul tău este exagerat de elegant, acești utilizatori vor avea un timp dificil să citească paginile tale.

În general, veți dori să vă abțineți de la folosirea oricăror opțiuni de font „fanteziste” pe care le vedeți sau fonturi cursive (utilizați cursive cu moderație). Utilizați fonturi clare și ușor de citit pentru utilizatori.

11. Folosiți etichete ARIA

Ultimul din această listă de verificare a conformității ADA este utilizarea aplicațiilor Internet bogate accesibile (ARIA). Etichetele ARIA ajută persoanele cu dizabilități să înțeleagă diferite elemente de pe site-ul dvs.

De exemplu, dacă aveți o casetă pop-up cu un X în colț pentru a o închide, este posibil ca o persoană cu dizabilități să nu înțeleagă ce înseamnă acel X. Etichetele ARIA vă permit să adăugați context caracteristicii, astfel încât oamenii să înțeleagă ce înseamnă acea etichetă și să vă folosească site-ul fără probleme.

Gândiți-vă la etichetele ARIA ca la etichetarea elementelor neetichetate, cum ar fi simbolurile. Ajută la furnizarea de mai mult context pentru a face site-ul dvs. mai ușor de navigat și utilizat.

Aveți nevoie de ajutor pentru a verifica elementele din lista de verificare a conformității ADA?

Când vine vorba de a vă face site-ul accesibil pentru toți, sunt multe de bifat pe lista dvs. de verificare a site-ului web pentru conformitate cu ADA. Dacă vă simțiți copleșit sau nu sunteți sigur de unde să începeți, WebFX vă poate ajuta. Cu peste 25 de ani de experiență în design și dezvoltare web, știm ce este nevoie pentru a construi un site web conform ADA.

Cu serviciile noastre de conformitate ADA, vă vom ajuta să vă optimizați site-ul web pentru a vă asigura că respectă standardele ADA. Vă vom ajuta să oferiți o experiență excelentă pentru toți vizitatorii site-ului.

Pentru a începe, contactați-ne online sau sunați-ne astăzi la 888-601-5359 pentru a vorbi cu un strateg!