Tot ce trebuie să știți despre accesibilitatea site-ului web

Fiecare utilizator care vă vizitează site-ul web ar trebui să aibă dreptul la o experiență de utilizator inteligibilă, indiferent de abilitățile sale sau de lipsa acesteia. Aceasta nu este doar opinia noastră, dar în unele țări este legea. Dar acesta nu este singurul motiv pentru a vă asigura că site-ul dvs. îndeplinește standardele de accesibilitate. Potrivit unui raport privind dizabilitățile, 1 miliard de oameni trăiesc cu un handicap, ceea ce echivalează cu 15% din populația lumii . Persoanele cu dizabilități fizice, vizuale, cognitive, neurologice, motorii și de auz vor folosi site-ul dvs. web. Deși se pare dezamăgitor să folosești numerele ca motiv, aceasta este o cantitate semnificativă de potențiali vizitatori. Să vă faceți site-ul web utilizabil pentru toată lumea merită efortul.

Diferența dintre site-urile web accesibile și cele care nu sunt de obicei se întâmplă în buget. A face site-ul dvs. web incluziv pur și simplu necesită mai mult efort în timpul dezvoltării și mai mult efort înseamnă mai mulți bani. Dar, atunci când este făcut strategic și cu un CMS precum Drupal, nu trebuie să fie o creștere semnificativă a efortului. Core Drupal acceptă proiectarea și dezvoltarea de site-uri web care respectă standardele WCAG 2.0 și ATAG 2.0. De fapt, există o întreagă comunitate (comunitatea Drupal Accessibility) dedicată îmbunătățirii și ținerii la zi cu standardele de accesibilitate. Ați putea spune chiar că accesibilitatea este un punct forte al Drupal.

Toate acestea sunt grozave dacă sunteți pe cale să vă reconstruiți site-ul web, dar ce se întâmplă dacă lucrați cu cel existent? Să cercetăm accesibilitatea web și cum să știm dacă site-ul dvs. este accesibil sau nu.

Ce este accesibilitatea web?

Accesibilitatea web este un aspect foarte important în dezvoltarea web. În termeni simpli, accesibilitatea web asigură accesul site-ului dvs. de către oricine, indiferent de dizabilitățile lor. Deși se presupune adesea, accesibilitatea nu se referă doar la persoanele cu dizabilități. În calitate de persoană aptă de muncă, există circumstanțe în care vă puteți găsi – situaționale sau temporare – care pot afecta modul în care accesați site-ul web.

De ce este importantă accesibilitatea web

O altă concepție greșită este că accesibilitatea web este folosită mai ales pentru a crea o imagine pozitivă a mărcii. Dar există mult mai multe beneficii tangibile ale unui site web accesibil decât cred mulți.

• Creșteți-vă acoperirea publicului
• Evitați problemele legale ( amintiți-vă de procesul împotriva lui Beyonce în 2019, când site-ul ei nu era conform cu ADA (Americans with Disabilities Act))
• Îmbunătățirea experienței utilizatorului pentru accesibilitate înseamnă, de asemenea, că vă îmbunătățiți scorul general UX
• Îmbunătățiți poziționarea site-ului dvs. pe motoarele de căutare

Acestea fiind spuse, creșterea și popularitatea recentă a mărcilor orientate spre scop indică faptul că a fi incluziv poate fi un factor cheie de diferențiere a mărcii.

Conformitatea și nivelurile

World Wide Web Consortium (W3C) a dezvoltat și a lansat un set de linii directoare - WCAG (Web Content Accessibility Guidelines) care guvernează standardele de accesibilitate web. Criteriile de succes ale acestor standarde (WCAG 2.0, WCAG 2.1 și WCAG 2.2) au trei niveluri de conformitate:

• Nivelul A
• Nivelul AA
• Nivel AAA

Nivelul A - Acesta este nivelul minim de accesibilitate care acoperă cerințele de bază ale caracteristicilor de accesibilitate.

Nivel AA - Acest nivel necesită totul din Nivelul A plus câteva cerințe suplimentare. Atunci când un site web se conformează acestui nivel, este o mare problemă, deoarece multe dintre cele mai mari bariere de accesibilitate sunt eliminate.

Nivel AAA - Nivelul AAA necesită totul la nivelurile A și AA plus câteva cerințe suplimentare. Acest nivel este greu de atins de majoritatea site-urilor web și este cel mai înalt nivel de accesibilitate conform standardelor WCAG.

Cum știi dacă site-ul tău este accesibil?

WCAG a stabilit 4 principii și 13 linii directoare pentru accesibilitatea web. Nerespectarea unuia dintre aceste patru principii va face site-ul dvs. web inaccesibil pentru utilizatorii cu dizabilități. Aceste principii sunt cunoscute sub denumirea de principii POUR

1. Perceptibil
2. Operabil
3. De inteles
4. Robust

Perceptibil - Toate liniile directoare grupate sub perceptibil se bazează pe asigurarea faptului că oamenii vă pot găsi conținutul.

Operabil - trebuie să vă asigurați că site-ul dvs. este operabil. Oamenii trebuie să poată folosi site-ul dvs.

De înțeles - oamenii trebuie să poată înțelege site-ul dvs.

Robust - site-ul dvs. ar trebui să fie compatibil cu toate browserele, sistemele de operare și dispozitivele.

Ghid de accesibilitate

Acum, fiecare principiu are propriul set de linii directoare despre care vom discuta aici:

Linii directoare perceptibile

1.1) Alternative de text - Primul ghid Perceivable, perceptibil 1.1 necesită ca tot conținutul non-text să aibă o alternativă text. Aceasta înseamnă că imaginile trebuie să aibă un text alternativ semnificativ. Textul alternativ ar trebui să descrie ceea ce se întâmplă în imagine.

1.2) Media bazate pe timp - Perceptibil 1.2 necesită că există opțiuni alternative pentru media bazată pe timp. Adăugați subtitrări în videoclip pentru persoanele cu deficiențe de auz. Subtitrările pot ajuta să le oferim context.

1.3) Adaptabil - Perceptibil 1.3 necesită ca conținutul să poată fi prezentat în diferite moduri, fără a pierde contextul.

1.4) Distins - Ultimul ghid pentru perceptibil este Perceptibil 1.4 și necesită ca conținutul să poată fi separat vizual de fundalul său. Aceasta înseamnă că ar trebui să existe un contrast suficient între text și culoarea de fundal. Textul trebuie să aibă un raport de contrast minim de 4,5.

Ghiduri operabile

2.1) Accesibil cu tastatura - Primul ghid Operabil 2.1 cere ca toate părțile site-ului web să poată fi accesate folosind doar tastatura .

2.2) Suficient timp - Operable 2.2 necesită ca oamenii să aibă suficient timp pentru a utiliza conținutul de pe site-ul dvs. web. Trebuie să acordați timp utilizatorului să termine sarcina fără să vă simțiți grăbit. De asemenea, trebuie să luați în considerare faptul că diferiți oameni au abilități diferite, iar unii pot fi puțin mai lenți în a face lucrurile.

2.3) Convulsii și reacții fizice - Operabil 2.3 necesită ca conținutul să nu fie conceput într-un mod care să provoace convulsii. Animațiile și videoclipurile nu trebuie să clipească mai mult de 3 ori pe secundă.

2.4) Navigabil - Operabil 2.4 necesită ca oamenii să poată naviga pe site și să înțeleagă unde se află pe site. Toate linkurile, intrările și butoanele de pe pagină ar trebui să aibă o stare focalizată pentru a indica unde se află o persoană pe ecran atunci când utilizatorii navighează folosind file.

2.5) Modalități de introducere - Ultimul ghid pentru Operable, este Operable 2.5 și necesită ca toate părțile site-ului web să poată fi accesate folosind alte dispozitive de intrare în afară de o tastatură. Practic, veți dori să vă asigurați că site-ul dvs. funcționează cu un mouse, dispozitive cu ecran tactil și vorbire în text.

Ghiduri de înțeles

3.1) Lizibil - Înțeles 3.1 necesită ca conținutul să fie lizibil și ușor de înțeles. Folosiți un limbaj simplu și încercați să evitați jargonul.

3.2) Predictibil - Înțeles 3.2 necesită ca paginile web să fie previzibile în ceea ce privește modul în care apar și funcționează. Conținutul va fi diferit pe fiecare pagină, dar structura principală a paginii ar trebui să rămână aceeași. Navigarea, ordinea linkurilor și căutarea ar trebui să fie întotdeauna în același loc pe pagină.

3.3) Asistență pentru introducere - De înțeles 3.3 necesită ca oamenii să poată corecta ușor și să evite greșelile.

Orientări robuste

4.1) Compatibil - Există doar un ghid sub robust și acesta este 4.1 . Acest lucru necesită ca site-ul web să fie compatibil cu toate browserele, sistemele de operare și dispozitivele. Acest lucru este realizabil prin scrierea unui HTML semantic valid. Dacă dintr-un motiv oarecare site-ul are nevoie de ajutor pentru accesibilitate, adăugați câteva atribute ARIA.

Cum se testează accesibilitatea?

În cele din urmă, doriți să încorporați testarea accesibilității în procesul de gestionare a site-ului dvs. web. De exemplu, puteți parcurge paginile pentru a testa accesibilitatea tastaturii. Din fericire, există multe instrumente disponibile pe internet pentru automatizarea testării:

• Val
• Far

Site-uri de referință

Consultați site-urile W3C de mai jos pentru standarde și îndrumări.

• https://www.w3.org/
• https://www.w3.org/WAI/
• https://www.w3.org/WAI/standards-guidelines/wcag/
• https://www.w3.org/WAI/WCAG21/quickref/