ArticolulGhidul pentru începători pentru accesibilitatea web

Accesibilitatea web a fost o mulțime de știri în ultima vreme. Cel mai recent, un caz care implică Domino's Pizza are potențialul de a ajunge până la Curtea Supremă, în ceea ce ar putea fi o decizie de referință care va modela viitorul accesibilității web.

Site-urile web accesibile sunt pur și simplu acele site-uri pe care persoanele cu dizabilități le pot percepe, opera și înțelege. Funcționează bine cu tehnologii de asistență, cum ar fi cititoarele de ecran, oferă medii alternative pentru alte deficiențe și permit navigarea folosind alte dispozitive decât mouse-ul.

Un site inaccesibil exclude o bază de clienți potențiali și crește șansele unui proces în temeiul titlului III al ADA. Și poate afecta clasamentele de căutare - mai multe despre asta mai jos.

Aproximativ una din opt persoane din Statele Unite are o dizabilitate. Dacă definiția este extinsă pentru a include cei cu deficiențe moderate, acest număr crește la aproape unul din cinci.

Eșecul de a găzdui un public atât de mare limitează impactul pozitiv pe care un site web îl poate avea asupra afacerii tale – ca să nu mai vorbim de capacitatea brandului tău de a rezona cu oamenii și de a inspira credință. Construirea unui site web accesibil, care să fie utilizabil în cât mai multe browsere și de cât mai mulți oameni posibil, vă poate ajuta afacerea – dar este, de asemenea, pur și simplu ceea ce trebuie făcut.

Scopul acestui ghid este de a vă ajuta să înțelegeți accesibilitatea web, astfel încât să vă puteți dezvolta marca și să vă serviți mai bine oaspeții site-ului dvs. - pentru că exact asta sunt. Nu vizitatori; nu clienții; ci oaspeți care se bazează pe tine pentru a-i ajuta să găsească informațiile pe care le caută. În acest ghid, vom acoperi următoarele:

1. Ce este accesibilitatea web?
2. Beneficiile accesibilității
3. Reglementări de accesibilitate
4. Standarde de accesibilitate
5. Testare de accesibilitate: automată vs umană
6. Riscuri de neconformitate
7. Autoevaluarea accesibilității
8. Experți și resurse utile

Până când terminăm, veți avea o înțelegere clară a tuturor lucrurilor legate de accesibilitatea web și veți avea acces la unele resurse relevante pentru a vă ajuta să faceți propria evaluare a site-ului. Să ne scufundăm!

Ce este accesibilitatea web?

Să începem prin a defini accesibilitatea. Potrivit W3C (World Wide Web Consortium), „Accesibilitatea web înseamnă că persoanele cu dizabilități pot folosi web-ul. Mai precis, accesibilitatea Web înseamnă că persoanele cu dizabilități pot percepe, înțelege, naviga și interacționa cu Web și că pot contribui la Web. Accesibilitatea web îi aduce, de asemenea, beneficii altora, inclusiv persoanelor în vârstă cu abilități în schimbare din cauza îmbătrânirii.”

Când construim site-uri web la BrandExtract, testăm fiecare versiune de browser care este utilizată de mai mult de 1% din publicul clienților noștri. Este logic ca un site web să fie utilizabil în cât mai multe browsere posibil, astfel încât să nu excludem potențiali clienți, parteneri sau angajați. Chiar dacă afectează costul total al site-urilor lor web, nu a trebuit niciodată să convingem pe nimeni că acesta este un efort util.

Ființele umane merită aceeași – dacă nu mai mult – considerație ca și browserele web.

Primul lucru pe care tindem să îl luăm în considerare atunci când discutăm despre accesibilitatea web este utilizarea site-ului pentru vizitatorii cu deficiențe de vedere, dar deficiența de vedere este doar o categorie de dizabilități. Deficiențele auditive, fizice și cognitive sunt la fel de importante și trebuie abordate în moduri diferite.

Persoanele cu aceste deficiențe pot folosi o varietate de dispozitive de asistență pentru a ajuta la navigarea mai ușor pe web. Site-urile web accesibile sunt pur și simplu cele care funcționează bine cu aceste dispozitive de asistență și se străduiesc să ofere o experiență utilizator care minimizează nevoia de dispozitive de asistență în primul rând.

Beneficiile accesibilității

O bună planificare este cheia pentru a construi site-uri web de înaltă calitate, utilizabile. Este nevoie de atenție și procese bune. Planificarea activității de UX și design în jurul accesibilității ridică ștacheta pentru detalii în munca ta. Diligența sporită vă asigură că site-ul dvs. are performanțe bune atât pentru oameni, cât și pentru roboți.

Aceleași detalii care pot informa un cititor de ecran sau alte tehnologii de asistență sunt utile și pentru roboții motoarelor de căutare care accesează cu crawlere și indexează site-ul dvs. Potrivit Google Webmaster Central Blog, site-urile accesibile sunt mai ușor indexate de motoarele de căutare Google, ceea ce poate duce la potriviri mai bune și clasamente mai înalte. Google a subliniat acest fapt de mai bine de un deceniu.

Multe dintre lucrurile pe care le facem pentru a face un site web mai accesibil pentru utilizatorii cu deficiențe îi ajută și pe alți utilizatori. Fonturi mai mari, contrast mai bun și multe alte principii fundamentale de accesibilitate fac un site mai utilizabil pentru toată lumea.

Reglementări de accesibilitate

Declinare rapidă a răspunderii: nu sunt avocat. Deciziile pe care le iei de a implementa ceva mai puțin decât respectarea totală a tuturor reglementărilor descrise mai jos (și a celor omise) implică riscuri și ar trebui să implice echipa ta juridică. Aceștia sunt calificați corespunzător pentru a evalua riscul și consecințele nerespectării acestor reglementări. „Puteți fi dat în judecată” nu este doar o tactică de vânzare înfricoșătoare.

Reglementările de accesibilitate variază în funcție de țară. Iată câteva pe care va trebui să le știți.

Statele Unite

În Statele Unite, ar trebui să fiți familiarizat cu Legea americanilor cu dizabilități din 1990, modificată (ADA), secțiunea 255 din Legea telecomunicațiilor din 1996, Legea privind accesul transportatorului aerian din 1986 și Legea secolului 21 pentru comunicații și accesibilitate video din 2010. (CVAA).

Guvernul Statelor Unite

Dacă creați un site web pentru o agenție guvernamentală din SUA sau o entitate care primește finanțare de la guvern, trebuie să cunoașteți, de asemenea, secțiunea 504 din Actul de reabilitare din SUA din 1973 și secțiunea 508 din același SUA. Reabilitare act de1973 .

Uniunea Europeană

Dacă aveți sediul sau desfășurați afaceri semnificative în Uniunea Europeană (UE), dvs nevoie fiți conștienți de Actul european de accesibilitate propus și, eventual, Directiva privind accesibilitatea web și mobilă. Unele țări membre UE vor avea reglementări suplimentare. Regatul Unit, de exemplu, are Legea privind egalitatea din 2010.

Canada

Și dacă faceți afaceri în Canada, asigurați-vă că sunteți la curent cu Legea canadiană a drepturilor omului și Politica privind comunicațiile și identitatea federală. Multe alte țări au propriile lor reglementări individuale.

Este complet firesc să te simți copleșit. Fără persoană fizică sau companie mică coud eventual să țină pasul cu toate reglementările, cu excepția cazului în care acesta este obiectivul lor principal. Din fericire, există organisme de standardizare, orientări și experți care ne ajută să facem lucrurile corect.

Standarde de accesibilitate

Majoritatea reglementărilor se bazează pe standardele WCAG 1.0 și WCAG 2.0 ca linii directoare pentru construirea de site-uri web accesibile. Ambele standarde sunt construite și menținute de către Web Content Accessibility Guidelines Working Group, un consorțiu de dezvoltatori web și experți invitați dintr-o varietate de companii și organizații.

Grupul de lucru WCAG este unul dintre multele grupuri de lucru din cadrul W3C (World Wide Web Consortium). W3C este comunitatea internațională de standarde responsabilă pentru HTML, CSS și multe alte tehnologii de care depinde web-ul.

WCAG 1.0 și 2.0 vă vor ghida în mare măsură către același loc, dar WCAG 2.0 are euristici mai ușor de măsurat. Un site web care este conform cu WCAG 1.0 se va conforma probabil cu WCAG 2.0. Toate site-urile care sunt conforme cu WCAG 2.0 se vor conforma cu WCAG 1.0. Diferența dintre cele două constă în modul în care organizează liniile directoare. Citând site-ul W3C:

WCAG 1.0 este organizat în jurul liniilor directoare care au puncte de control, care sunt prioritatea 1, 2 sau 3. Baza pentru determinarea conformității cu WCAG 1.0 sunt punctele de control.

WCAG 2.0 este organizat în jurul a patru principii de design ale accesibilității Web. Fiecare principiu are linii directoare, iar fiecare ghid are criterii de succes testabile la nivelul A, AA sau AAA. Baza pentru determinarea conformității cu WCAG 2.0 sunt criteriile de succes.

WCAG este un standard în evoluție. WCAG 2.1 a atins statutul de recomandare de candidat și ar putea fi adoptat în orice nouă legislație încă din vara anului 2018. WCAG 2.1 se adaugă la WCAG 2.0. Cu alte cuvinte, un site conform 2.1 va fi conform cu 2.0 și 1.0, așa că are sens să țintiți WCAG 2.1 în orice inițiativă nouă.

Să facem o defalcare a ierarhiei WCAG 2.1. Cele patru principii fundamentale de proiectare prezentate sunt:

• Informațiile și componentele interfeței cu utilizatorul trebuie să fie prezentate într-un mod pe care să le poată percepe.
• Componentele interfeței cu utilizatorul și navigarea trebuie să fie operabile.
• Informațiile și funcționarea interfeței cu utilizatorul trebuie să fie de înțeles.
• Conținutul trebuie să fie suficient de robust pentru a putea fi interpretat în mod fiabil de o mare varietate de agenți utilizatori, inclusiv tehnologii de asistență.

În fiecare dintre aceste principii există o serie de linii directoare. De exemplu, subordonat primului principiu vom găsi următorul ghid:

• Creați conținut care poate fi prezentat în moduri diferite (de exemplu aspect simplu) fără a pierde informații sau structură.

Subordonat acestui ghid găsim următoarele criterii de succes:

• Informațiile, structura și relațiile transmise prin prezentare pot fi determinate programatic sau sunt disponibile în text.
• Atunci când succesiunea în care este prezentat conținutul îi afectează semnificația, o secvență corectă de citire poate fi determinată programatic.
• Instrucțiunile furnizate pentru înțelegerea și funcționarea conținutului nu se bazează exclusiv pe caracteristicile senzoriale ale componentelor, cum ar fi forma, dimensiunea, locația vizuală, orientarea sau sunetul.
• Semnificația fiecărui câmp de intrare care colectează informații despre utilizator poate fi determinată programatic atunci când:
  1. Câmpul de introducere are o semnificație care se mapează cu numele câmpurilor de completare automată HTML 5.2; și
  2. Conținutul este implementat folosind tehnologii cu suport pentru identificarea semnificației așteptate a datelor de intrare din formular.
• În conținutul implementat folosind limbaje de marcare, scopul componentelor interfeței cu utilizatorul, pictogramelor și regiunilor poate fi determinat programatic.

Fiecare principiu are unul sau mai multe linii directoare și fiecare dintre acele linii directoare are unul sau mai multe criterii de succes. Proiectul actual al WCAG 2.1 are patru principii, paisprezece linii directoare și șaptezeci și opt de criterii de succes. Un site web trebuie auditat în funcție de toate aceste criterii pentru a asigura conformitatea cu standardul și majoritatea acestor criterii implică teste multiple.

Dar stai, mai sunt. Fiecare dintre succesul criteriu are trei niveluri de conformitate: A, AA și AAA. Nivelurile, așa cum sunt explicate de site-ul web Section508.gov, sunt după cum urmează:

Nivel A (minimum)

Se adresează celor mai elementare caracteristici de accesibilitate web, dar nu atinge, în general, o accesibilitate largă

Nivel AA (gama medie)

Abordează cele mai frecvente bariere pentru utilizatorii cu dizabilități și se aliniază la standardele 508 revizuite

Nivel AAA (cel mai înalt)

Se adresează celui mai înalt nivel de accesibilitate web, dar nu este recomandat ca politică generală, deoarece nu este posibilă satisfacerea tuturor criteriilor pentru un anumit conținut.

Alegeți cu atenție ce nivel de conformitate doriți să obțineți cu un site web, deoarece acesta va avea un impact semnificativ asupra programului și bugetului.

Testare de accesibilitate: automată vs umană

Există instrumente și servicii online gratuite care vor efectua un test automat al unei singure pagini web sau chiar al site-urilor întregi. Instrumentele pot fi pluginuri de browser, aplicații desktop independente, servicii auto-găzduite, servicii online gratuite și testare automată comercială (plătită).

Instrumentele noastre automate preferate sunt:

• tenon.io - Tenon este SaaS care poate efectua căutări la cerere prin browser sau printr-un API. Prețul depinde de numărul de solicitări API (scanări) pe care trebuie să le efectuați. Este extrem de bine documentat și poate fi ușor încorporat în SAM, CMS-ul BrandExtract.
• AATT (Automated Accessibility Testing Tool) de la Paypal - AATT este o aplicație node.js care rulează ca un serviciu. Poate scana pagini individuale sau site-uri întregi și poate fi configurat astfel încât să poată accesa pagini web non-publice (protejate cu parolă). Solicitările de scanare pot fi trimise printr-un API cu răspunsuri returnate într-un format JSON ușor de analizat. AATT este, de asemenea, ușor integrat cu SAM.
• topor Instrumente pentru dezvoltatori de la Dequeue Systems - ax este disponibil într-un plugin de browser atât pentru Chrome, cât și pentru Firefox. Extinde instrumentele de dezvoltare încorporate ale browserelor și creează un raport frumos, ușor de analizat, cu recomandări clare.

Aceste instrumente sunt rapide și ușor de utilizat, dar nu sunt un panaceu. Multe dintre liniile directoare prezentate în documentele WCAG sunt formulate în moduri care necesită o analiză și o evaluare atentă. Modul în care aceste linii directoare se aplică modelelor unice poate fi subiectiv. De ce sunt formulate vag? Aceste linii directoare trebuie să fie pregătite pentru viitor.

Deoarece web-ul și tehnologiile conexe sunt un mediu în evoluție, liniile directoare trebuiau să fie aplicabile tehnologiilor, dispozitivelor și interfețelor care nu au fost încă inventate.

În plus, instrumentele automate de testare pur și simplu nu pot percepe experiența utilizatorului în același mod ca un om. Există elemente măsurabile cu care puteți lucra pentru a face o treabă foarte bună, cum ar fi dacă fonturile îndeplinesc sau nu o dimensiune minimă și criterii de contrast. Dar există multe alte variabile care sunt mai greu de măsurat. De exemplu, este sensul unei diagrame transmis în mod adecvat în text?)

Aici intervin ființele umane. Testarea umană a unui site web este un proces deliberat și riguros care poate dura sute de ore. Dar este esențial să construiești empatie între publicul tău și marca ta.

Într-un scenariu perfect, testarea ar trebui să fie făcută cu utilizatori care au aceleași deficiențe pe care le abordați și experiența de a ști ce este bine și ce este în neregulă cu un site web.

Singura modalitate practică de a găsi o echipă din acești experți este de a externaliza către o terță parte de renume, specializată în testarea accesibilității. Angajarea oamenilor pentru a testa accesibilitatea unui site web poate fi foarte costisitoare. S-ar putea să descoperiți că faptul că oamenii testează doar paginile mai complexe și interactive este un compromis rentabil.

Riscuri de neconformitate

Cu toții vrem să credem că vom construi site-uri web incluzive pur și simplu pentru că este ceea ce trebuie făcut. Dar adevărul este că uneori bunele noastre intenții vor depăși buzunarele noastre. De ce ar trebui o companie să cheltuiască mii de dolari făcând site-ul său accesibil?

Un motiv este de a minimiza riscul. Chiar dacă nu oferiți servicii directe consumatorilor, este posibil să aveți riscul de a fi găsit în încălcarea uneia sau mai multor reglementări.

Luați în considerare utilizatorii care caută un loc de muncă în cadrul organizației dvs., dar sunt excluși, deoarece baza de date online a locurilor de muncă nu este accesibilă. Dar investitorii care nu au acces la finanțele companiei tale? Când se întâmplă aceste lucruri, puteți fi găsit în încălcarea reglementărilor.

Nu există entități guvernamentale care își petrec timpul navigând pe web, auditând site-uri și căutând site-uri web care nu respectă regulile de accesibilitate web. Nu există inspectori care să se „deconecteze” atunci când site-ul dvs. este gata de lansare.

Depinde în întregime de organizația dvs. să vă asigurați că munca este bine făcută. Sunteți responsabil pentru alegerea unui partener care ia în serios accesibilitatea web și are resurse, fie interne sau externe, pentru a se asigura că munca este făcută corect.

Este greu de cuantificat probabilitatea de a fi dat în judecată și costurile ulterioare, dar chiar și procesele nefondate care sunt ușor respinse pot costa o companie multe mii de dolari în taxe legale. Și dacă este evident că ai depus eforturi insuficiente pentru a-ți face site-ul accesibil, probabil vei pierde (sau vei fi forțat să te acomodezi).

În 2016 au fost depuse peste 260 de procese privind accesibilitatea web, iar cifrele au fost semnificativ mai mari în 2017. Aceasta nu include acele cazuri care au fost soluționate fără a intra în litigiu. Discutați cu avocații dvs. pentru a obține o idee reală a posibilităților, dar să știți că riscul este real.

Dacă sunteți interesat să aflați mai multe despre riscurile neconformității, vă recomand cu căldură această postare pe blog a lui Karl Groves. Este o viziune echilibrată, susținută de numere reale. Rețineți că a fost scris în urmă cu câțiva ani, iar peisajul s-a schimbat odată cu numărul de procese intentate.

Autoevaluarea accesibilității

Sperăm că, în acest moment, aveți o bună înțelegere a subiectului de utilizare. Dar este complet firesc să te simți copleșit. Efectuarea de mici îmbunătățiri este un început bun pentru a reduce riscul și daunele potențiale din procese. Iată câțiva pași pe care îi puteți face:

Evaluează-ți riscul

Consultați-vă cu echipa de avocați și calculați (cât mai bine puteți) riscurile. Rugați-i să caute în înregistrările publice litigiile în curs și recente în acest domeniu. Tendințele cresc? Ce procent au succes? Se pare că industria dvs. înregistrează mai multă activitate? Cât ar putea costa un proces organizația dvs., atât în ​​dolari, cât și în impactul negativ asupra mărcii dvs.? Dar veniturile pierdute?

Cercetați costurile

Dacă construiți un site nou, solicitați partenerilor dvs. de dezvoltare să creeze un element rând pentru costul de asigurare a faptului că munca lor îndeplinește standardele WCAG 2.1 folosind instrumente automate de testare a accesibilității. De asemenea, luați în considerare întâlnirea cu consultanți de accesibilitate terți care au resursele necesare pentru a efectua teste umane. Obțineți prețuri direct de la ei, astfel încât să poată lucra independent de dezvoltatorul dvs.

Fă calculul

Sună insensibil, dar adevărul este că trebuie să decideți dacă riscurile depășesc costurile. La BrandExtract credem că pentru majoritatea site-urilor web business-to-business (B2B), testarea automată amănunțită pentru conformitatea WCAG 2.0 Nivel A la lansare și orice actualizări majore este o soluție rentabilă care demonstrează un efort clar de a face un site web accesibil. Pentru site-urile web destinate consumatorilor sau site-urile web cu interactivitate bogată și complexă, ar putea fi necesare teste mai amănunțite. Încă o dată, ar trebui să consultați un profesionist juridic pentru a obține o înțelegere clară și precisă a riscurilor de neconformitate.

Stabiliți un plan pentru lansare

Dacă site-ul dvs. este orientat către consumatori, ar fi rezonabil să efectuați teste cu oameni la lansarea unui nou site sau oricând acesta suferă modificări majore. Pentru un site B2B fără multă complexitate sau interacțiuni bogate, testarea automată a site-ului ar putea fi suficientă.

Stabiliți un plan de întreținere

Orice plan pe care îl propuneți trebuie să includă testarea continuă care are loc la cerere sau automat, la un program regulat. Testarea umană este ceva care este necesar doar atunci când un site web este supus unor revizuiri și/sau reproiectări semnificative.

Experți și resurse utile

Când cercetați cum să obțineți conformitatea, veți descoperi că soluția nu este întotdeauna clară. Din fericire, avem Proiectul A11Y. Proiectul A11Y este o organizație comunitară care se concentrează pe a face ghidurile de accesibilitate web mai ușor de înțeles și implementat. Oferă sugestii specifice pentru modele comune de design, articole despre accesibilitate, o listă organizată de evenimente și liste de verificare pentru a vă asigura că ați parcurs toți pașii importanți.

„A11Y” este un numeronim folosit frecvent în rețelele sociale și alte medii cu spațiu limitat pentru a se referi la accesibilitate. Puteți să o citiți pur și simplu ca „Accesibilitate” și să o utilizați pentru a ajuta la descoperirea altor resurse.

• Proiectul A11Y
• Inițiativa de accesibilitate web W3C
• W3C
• WCAG 1.0
• WCAG 2.0
• WCAG 2.1 (Recomandarea candidatului)
• Secțiunea 508.gov
• Selectarea instrumentelor de evaluare a accesibilității web
• topor Instrumente de dezvoltare
• Instrument automat de testare a accesibilității
• Instrument de testare online Tenon.io
• TinyMCE A11yChecker
• Procese de accesibilitate, troli și tactici de sperietură
• De asemenea, o mulțumire specială lui Kim Testa de la Biroul de Accesibilitate la Internet. Grupul ei oferă atât testare automată, cât și testare umană și mă simt mai inteligent pentru că am vorbit cu ea (deși orice greșeli din acest articol sunt ale mele).

Câteva informații suplimentare

SAM oferă trei integrări posibile pentru a ajuta la verificarea automată a accesibilității:

1. Plug-in-ul TinyMCE A11yChecker este un supliment gratuit pentru editorul HTML încorporat al SAM și poate fi activat la cerere pentru versiunile SAM 3.2 și ulterioare.
2. Integrarea cu instanța AATT găzduită de BrandExtract poate fi utilizată pe SAM 3.2 sau o versiune ulterioară.
3. Integrarea cu tenon.io poate fi implementată pe SAM 3.2 sau o versiune ulterioară.

A avea un site web accesibil nu înseamnă doar evitarea riscurilor de neconformitate. Mai important, este vorba despre a face corect de către fiecare utilizator și de a-ți îndeplini în mod constant promisiunea mărcii. Dacă doriți îndrumări suplimentare despre crearea unui site web accesibil, consultați episodul nostru podcast despre accesibilitatea web sau nu ezitați să luați legătura cu echipa noastră.