Lista de verificare a accesibilității site-ului web SaaS

Publicat: 2022-09-29

Ce este accesibilitatea site-ului?

Accesibilitatea web se referă la asigurarea faptului că toată lumea poate accesa, consuma și interacționa cu conținutul site-ului dumneavoastră SaaS. Un site web accesibil este unul care găzduiește toți utilizatorii pe toate dispozitivele, indiferent de capacitatea fizică sau mentală a utilizatorului.

Accesibilitatea este o parte vitală a designului modern al experienței utilizatorului, atât pentru site-ul dvs. SaaS, cât și pentru produsul dvs. Cea mai recentă versiune a Web Content Accessibility Guidelines (WCAG) 2.1 de la World Wide Web Consortium (W3C) acoperă o gamă largă de recomandări pentru a face conținutul web mai accesibil.

De ce să vă faceți site-ul web SaaS accesibil?

Vrei ca soluția ta SaaS să atingă numărul maxim de utilizatori. Dar ghicește ce? O bună parte din publicul țintă trăiește probabil cu o dizabilitate, cum ar fi daltonismul, dificultăți de citire, tulburări de auz etc.

Potrivit OMS, persoanele cu un anumit tip de dizabilitate reprezintă 15% din populația lumii.
Unul din patru adulți – sau 61 de milioane de persoane – din Statele Unite au o dizabilitate.

A face site-ul dvs. SaaS mai accesibil nu este doar lucrul corect de făcut, dar dacă nu faceți acest lucru înseamnă că refuzați clienții potențiali înainte de a avea chiar șansa de a vă prezenta produsul.

În plus, a nu vă face SaaS accesibil poate atrage procese costisitoare.

2018 a înregistrat o creștere cu 181% a proceselor federale ADA față de 2017.
Numărul de procese care susțin că site-urile web, aplicațiile și videoclipurile erau inaccesibile persoanelor cu dizabilități a crescut cu 64% în prima jumătate a anului 2021, comparativ cu 2020.

4 principii de bază ale designului web accesibil

Orientările privind accesibilitatea conținutului web sunt organizate în jurul a patru principii:

Perceptibil: vizitatorii cu dizabilități vizuale, auditive sau senzoriale pot consuma conținut (prin intermediul unui cititor de ecran, subtitrări, transcrieri sau alte tehnologii de asistență).
Operabil: vizitatorii pot opera site-ul web cu comenzile pe care le preferă, cum ar fi comenzile rapide de la tastatură pentru cineva care nu poate folosi mouse-ul.
De înțeles: interfața site-ului este ușor de înțeles pentru utilizatorii cu dizabilități cognitive, cum ar fi epilepsia sau autismul.
Robust: site-ul web este multi-browser, multi-platformă și compatibil cu tehnologia de asistență actuală.

Niveluri de accesibilitate WCAG

Există trei niveluri de conformitate a accesibilității (A, AA și AAA), nivelul A fiind cerințele minime îndeplinite (nu este complet accesibil) și AAA fiind cel mai optimizat nivel de accesibilitate.

Nivelul A: Cel mai scăzut nivel de accesibilitate care satisface setul minim de cerințe. Multe grupuri de utilizatori cu dizabilități le va fi dificil sau imposibil să acceseze conținutul de pe astfel de site-uri web.
Nivel AA: Un nivel mai ridicat de accesibilitate. Unor grupuri de utilizatori le va fi dificil să acceseze informațiile de pe astfel de site-uri web. Atingerea acestui nivel va elimina barierele majore în calea accesării conținutului web pentru utilizatorii cu dizabilități.
Nivel AAA: Cel mai înalt nivel de accesibilitate. Satisfacerea acestor criterii va asigura o experiență optimă de utilizare pentru persoanele cu dizabilități.

O listă de verificare a accesibilității site-ului web SaaS în 14 puncte

Această listă de verificare nu este cuprinzătoare, dar acoperă elementele prioritare pe care trebuie să le luați în considerare pentru a face site-ul dvs. SaaS mai accesibil și mai conforme:

Stabiliți o structură de antet HTML clară cu utilizarea corectă a H1, H2 etc.
Faceți hyperlinkuri pe pagină ușor de utilizat:
- Subliniați textul legat în linie și aveți o culoare diferită de restul conținutului.
- Scrieți un text ancora descriptiv, cum ar fi „Descărcați ghidul nostru gratuit de accesibilitate” în loc de „Faceți clic aici”.
Adăugați un text alternativ descriptiv pentru toate imaginile și tabelele, astfel încât conținutul să fie utilizabil de către persoanele care folosesc tehnologie de asistență, cum ar fi cititoarele de ecran.
Asigurați-vă că aveți subtitrări, subtitrări încorporate sau cel puțin transcrieri de text disponibile pentru conținut video și audio.
Folosiți culorile cu atenție:
- Au un contrast adecvat de culoare între diferitele elemente (cum ar fi textul și butoanele) și fundal.
- Asigurați-vă că nu sunt folosite numai culorile pentru a comunica informații utilizatorilor.
- Utilizați modele sau texturi pentru a indica diferențele vizuale în diagrame, grafice etc.
Alegeți fonturi accesibile astfel încât caracterele să fie ușor de distins unele de altele și fontul să aibă suficientă spațiere între litere.
Oferiți posibilitatea de a redimensiona cu ușurință textul în timp ce pagina încă funcționează conform așteptărilor în toate browserele.
Asigurați-vă site-ul web SaaS prietenos cu tastatura:
- Asigurați-vă că toate părțile site-ului dvs. sunt accesibile fără mouse, folosind doar tastele de la tastatură. Toate acțiunile care pot fi făcute cu un mouse trebuie să fie realizate și cu o tastatură.
- Păstrați navigarea pe site-ul dvs. intuitivă și concisă, incluzând doar categoriile necesare în meniu.
- Afișați un indicator de focalizare vizibil care indică elementul activ pe care utilizatorul l-a selectat în prezent.
Faceți-vă formularele accesibile:
- Definiți granițe și granițe clare.
- Etichetați elementele formularului pentru a explica ce date trebuie introduse.
- Marcați câmpurile de formular obligatorii ca fiind obligatorii.
- Dați mesaje de eroare utile.
Pentru paginile care au o limită de timp, permiteți utilizatorilor să ajusteze limita sau să o dezactiveze.
Asigurați-vă că conținutul textului este corect din punct de vedere gramatical și scris într-un limbaj simplu pentru a facilita lizibilitatea și înțelegerea. Definiți abrevieri sau cuvinte neobișnuite într-un glosar.
Nu aveți niciun element pe pagină care clipește mai mult de trei ori pe secundă.
Utilizați elemente semantice HTML pentru a descrie în mod eficient scopul elementelor paginii.
Publicați o declarație de accesibilitate care precizează nivelul țintă de accesibilitate al companiei dvs. și eforturile acesteia de a atinge conformitatea ADA.

Instrumente gratuite de evaluare a accesibilității alese manual

Iată câteva dintre numeroasele instrumente gratuite pe care le puteți folosi pentru a evalua accesibilitatea site-ului dvs.:

WAVE : O suită de instrumente de evaluare care îi ajută pe autori să își facă conținutul web mai accesibil persoanelor cu dizabilități.
WebAccessibility.com : Obțineți un scor general de conformitate W3C din 100, astfel încât să puteți vedea cât de compatibil WCAG este site-ul dvs. SaaS.
SortSite : verificați site-ul dvs. în raport cu standardele de accesibilitate WCAG și conformarea cu Secțiunea 508 din Legea privind reabilitarea. Verifică accesibilitatea, linkurile întrerupte, compatibilitatea codului browserului, optimizarea motorului de căutare și alte probleme de utilizare.
aCe by accessiBe : Un instrument de accesibilitate complet automatizat care oferă un răspuns imediat și precis dacă site-ul dvs. este conform ADA și WCAG.

Ai găsit această listă de verificare utilă? Iată o versiune infografică la îndemână pe care o puteți partaja colegilor și rețelei dvs.