Construirea unui site Web incluziv De ce are relevanță accesibilitatea

Accesibilitatea contează pentru că noi, oamenii, vrem să folosim internetul. Lucrul spre o web incluzivă ne ajută să atingem acest obiectiv.

În acest articol voi împărtăși gândurile mele despre importanța accesibilității; din empatie și ceea ce este pur și simplu "bună afacere", prin legi de egoism și accesibilitate.

Ziua internațională a persoanelor cu handicap

Data publicării acestui articol nu este un accident: 3 decembrie este Ziua internațională a persoanelor cu dizabilități a Națiunilor Unite. Astăzi, dorim să sensibilizăm și să demonstrăm ce putem face cu un design web incluziv.

Ce este accesibilitatea web?

Când vorbim despre accesibilitatea web, începem deseori să o definim. Aș vrea să încep cu citatul:

"Ai construi un pod care poate folosi doar un anumit tip de autoturism?" - Andrea Fercia

Lasă-l să se scufunde pentru o vreme. Nu mă pot gândi la o modalitate mai bună de a rezuma web-ul incluziv (și vă sugerez să citiți toate articolele minunate ale Andrei despre accesibilitate după aceasta).

Cu alte cuvinte, toată lumea ar trebui să poată naviga, naviga și interacționa cu webul folosind orice dispozitiv pe care îl poate avea.

Rețineți că nu am menționat încă utilizatorii cu dizabilități. Este adevărat că diferite tipuri de dizabilități joacă un rol important în accesibilitatea web, dar oricine poate avea nevoi speciale. Suntem cu toții diferiți și nevoile noastre se pot schimba în timp. Să examinăm câteva exemple de diversitate.

Accesibilitatea este despre tine și pentru mine

Multe lucruri pot afecta modul în care utilizăm webul. Iată câteva mini-povești despre diferite tipuri de oameni și despre modul în care acestea ar putea încerca să folosească webul.

Părinții mei, Vârsta 74

Vederea părinților noștri nu mai este așa de grozavă. Ambele au pahare purtate de ani de zile, dar asta nu este singura problemă. Problema reală este monitorul lor vechi. Cu vederea lor, este imposibil să vedeți text dacă nu există un contrast suficient între fundal și culoarea textului.

Ei încearcă, de asemenea, să utilizeze site-uri mai complexe sau să completeze formularele. Acest lucru se poate datora faptului că site-urile și formele pot fi prea complexe, dar cu siguranță vor să utilizeze serviciile online la fel ca mine.

Sarbatorim accesibilitatea! Nu într-adevăr, mai mult ca Finlanda de 100 de ani.

Sindromul Usher

Soția prietenului meu are sindromul Usher, tipul trei. Are o vedere restrânsă, ceea ce înseamnă că site-urile "ocupate" sunt problematice pentru ea. Îi găsește dificil să navighezi și să găsești conținutul real atunci când se întâmplă multe lucruri pe pagină. Pentru nevoile ei, cu atât mai simplu cu atât mai bine.

Contrastul bun de culoare ajută semnificativ la citirea textului și sublinierea legăturilor ajută la identificarea acestora în text.

Formularele de trimitere a formularului sunt greu de găsit dacă au doar granițe subțiri cu un fundal transparent și același lucru se întâmplă și cu câmpurile de formular dacă nu au o separare clară de fundal.

De asemenea, ea mi-a informat că reclamele din cadrul conținutului sunt confuze. Nu pot să fiu de acord mai mult.

Leziuni în Accident

Cu câțiva ani în urmă, prietenul meu a fost într-un accident de mașină și a spart oase în ambele mâini. Pentru un chitarist a fost un șoc. Dar șocul a fost aproape la fel de mare în a-și da seama că se va strădui să-și folosească laptopul și telefonul în timp ce se recuperează de la accident.

El a început să folosească comenzi de la tastatură pe laptopul său și comenzile vocale pe telefonul său smartphone. Cu toate acestea, multe site-uri web pe care dorea să le utilizeze nu erau accesibile numai prin tastatură. Chiar și sarcini mici ar putea dura ore.

Student cu viziune slabă

Prima mea experiență personală de accesibilitate a fost un student al meu care avea o viziune scăzută. Nu era complet orb, dar a trebuit să folosească o lupă pentru a citi.

De asemenea, a folosit un cititor de ecran pentru navigarea pe web, însă majoritatea site-urilor au fost mai ușor de utilizat cu lupa magică.

  • Uneori nu a putut găsi sau deschide navigația.
  • Uneori peretele de text, paragrafele lungi fără titluri sau liste erau prea multe pentru ea.

Dar sa înțeles cu barierele. "Voi găsi alt site web mai bun", a observat de multe ori.

Elevii care au dificultăți în citire

Nu predau limbi (eu predau matematica), dar vorbesc adesea cu profesorii care fac. Elevii pot întâmpina dificultăți în citirea și înțelegerea textului din mai multe motive:

  • Ei au dislexie sau alte dificultăți de citire.
  • Conținutul nu este scris foarte bine. Scrierea unui conținut mai accesibil poate fi o soluție pentru acest lucru.
  • Conținutul nu este în limba maternă. Site-urile multilingve ajută la obținerea de informații.
  • Încearcă să facă multitasking. Interfețele utilizator simple și clare îi ajută să se concentreze.
Concentrat ...

Culoare orbire

Sunt aproape sigur că unii dintre prietenii mei sunt orbi color. Heck, chiar aș putea să am ceva orbire colorată. Culoarea orbire este obișnuită.

Imaginați-vă că linkurile nu sunt subliniate în conținutul dvs. principal, ci în schimb să vă bazați pe o altă culoare. Cum le-ai distinge dacă ai trăit o anumită culoare orbire?

Iată câteva resurse bune și exemple de orbire coloră:

  • Cazurile de nereușită și de succes privind culoarea orb
  • Video: cum funcționează orbirea colorată

Nu există subtitrări pe video, fără transcriere pe audio

Ar trebui să se înțeleagă că persoanele care sunt surzi sau au auz de audiție beneficiază de subtitrări pe video sau de o transcriere audio. Dar de câte ori ai nevoie de legende?

  • Poate că limba vorbită nu este limba dvs. maternă și că o înțelegeți mai bine atunci când este scrisă. Chiar mai bine dacă este tradus.
  • Poate că nu auziți sunetul, deoarece mediul dvs. este prea zgomotos.
  • Sau nu puteți porni sunetul deoarece jumătatea dvs. mai bună se află deja lângă dvs. Unde sunt acele căști când ai nevoie de ele??
  • Titlurile pot chiar să vă fi ajutat să găsiți conținut video pe web; motoarele de căutare iubesc și conținutul textual.

Îmi place să lucrez la mare!

Recent am încercat să lucrez la mare. Mi-am imaginat că un mediu frumos, idilic ar face minuni pentru productivitatea mea. Cât de gresit am fost.

Wi-Fi-ul a fost îngrozitor și ecranul meu nu-i plăcea lumina soarelui un pic. Câteva beri mai târziu și am terminat de lucru. Oftat.

Diversitatea de oameni

Din toate aceste exemple, ați observat o diversitate reală de oameni și situații, dar totuși aceștia împărtășesc multe dintre aceleași probleme. Uneori problemele de accesibilitate sunt:

  • permanent
  • temporar
  • situațională

Dacă empatia pentru aceste situații nu te-a convins încă, există alte motive concrete pentru care designul web incluziv este important.

Design Web incluziv este bun pentru afaceri

Ca proprietar de afacere doriți să excludeți potențialii clienți care folosesc produsul dvs.? Sper ca nu. Iată câteva cifre din partea de sus a capului meu:

  • 20% dintre oameni se bazează pe o pagină inclusă și pe accesibilitate, altfel nu ar putea să utilizeze deloc produsul.
  • 50% dintre oameni beneficiază de o web incluzivă și de accesibilitate.
  • Toată lumea beneficiază de posibilitatea utilizării unui site web.

În conformitate cu cartea lui Jonathan Hassell Inclusiv lipsa dvs. de 20%, aceste estimări sunt destul de precise. El folosește exemplul Regatului Unit.

  • Populația totală din Regatul Unit: 62,2 milioane.
  • Numărul total de persoane cu dizabilități din Regatul Unit: 11 milioane (aproximativ 18% din populație).
  • Aproximativ 7 milioane de persoane au o deficiență fizică, dintre care 2,5 milioane au dificultăți în a-și folosi mâinile, ceea ce le poate împiedica utilizarea tastaturii de computer și mai mult.
  • 2,2 milioane de oameni au dificultăți în memorie, concentrare sau învățare, dintre care aproximativ 1 milion au dificultăți de învățare.
  • 2.1 milioane de oameni au o anumită formă de dificultăți de comunicare.
  • Aproape 2 milioane de persoane au o tulburare a auzului care este perturbatoare stilului lor de viață, dintre care 20.000 folosesc limbajul semnelor britanice pentru a comunica.
  • Aproximativ 2 milioane de persoane sunt dislexice.
  • 1,8 milioane de persoane au o deteriorare a vederii care le perturbă stilul de viață, de la cei care pot avea dificultăți în citirea textului fără a fi lărgiți până la cei care ar putea avea nevoie să mărească ecranul calculatorului lor până la 16 sau 32 de ori.
  • 8% dintre toți bărbații și 0,4% din toate femeile sunt orbi colorați.
  • 180.000 sunt inregistrati sever afectati din vedere (orb).
  • Peste 1 milion de persoane au o afecțiune progresivă, ciclică sau fluctuantă, cum ar fi scleroza multiplă.
  • Peste 1 milion de persoane au probleme de sănătate mintală, dintre care majoritatea este puțin probabil să afle că afectează utilizarea internetului.

Accesibilitatea este bună pentru uzabilitate

Utilizabilitatea și accesibilitatea merg mână în mână și amândouă împărtășesc același obiectiv: că site-ul sau aplicația este ușor de folosit pentru toată lumea.

Îmi plac aceste criterii de bună utilizare:

  • Design intuitiv: utilizatorii înțeleg rapid structura site-ului și navigația.
  • Ușurința de învățare: utilizatorii înțeleg rapid ceea ce site-ul este despre și de a finaliza sarcinile principale ale site-ului.
  • Eficiența utilizării: sarcinile sunt rapide pentru a fi finalizate.
  • memorabilitate: utilizatorii pot face cu ușurință aceleași sarcini din nou atunci când revin.
  • Frecvența și severitatea erorilor: utilizatorii fac erori în timpul navigării pe site, sunt erori grave sau nu?
  • Satisfacție subiectivă: utilizatori precum site-ul dvs.!

Acestea sunt perfect aliniate cu ideile de accesibilitate și de design web incluzive.

Accesibilitatea este bună pentru SEO

Motoarele de căutare sunt orbe. Prin urmare, veți găsi unele suprapuneri în SEO și accesibilitate:

  • Semantic HTML. 
  • Denumirea și structura paginii.
  • Imagine alt text.
  • Legați textul de ancorare.
  • Titlurile paginilor.
  • Transcrieri video și audio.

Articolul lui Karl Groves despre accesibilitate și SEO are un punct valabil în faptul că cazurile de utilizare SEO reprezintă doar o mică parte a accesibilității. Este adevărat că accesibilitatea nu duce la o optimizare mai bună a SEO-ului, dar chiar și mica parte a suprapunerii este bine să rețineți.

Accesibilitatea este obligatorie prin lege

Încă nu sunteți convins că accesibilitatea este o parte firească a produselor web și digitale? V-ați afla la bord dacă creați site-uri accesibile și produsele digitale erau impuse de lege?

Ei bine, este cerut de lege în multe țări. Nu știu despre țara dvs. (vă rugăm să lăsați un comentariu și să ne comunicați), dar în Uniunea Europeană (UE) există o directivă privind punerea la dispoziție a site-urilor web și a aplicațiilor mobile ale organismelor din sectorul public mai accesibile. A fost aprobat la 22 decembrie 2016.

Rețineți că această directivă se adresează în mod specific site-urilor din sectorul public. Dar nu lăsa acel detaliu să te descurajeze. Puteți include accesibilitatea în toată munca dvs..

EU. statele membre au câțiva ani să pună această legislație în vigoare, dar trebuie implementată înainte de 23 septembrie 2018. În Finlanda, aceasta înseamnă următoarea formă de programare:

  • Site-urile publicate după 23 septembrie 2018 trebuie să fie accesibile până la 23 septembrie 2019.
  • Site-urile web publicate înainte de 23 septembrie 2018 trebuie să fie accesibile până la 23 septembrie 2020.
  • Aplicațiile mobile trebuie să fie accesibile până la 23 iunie 2021.
  • Extraneturile și intraneturile publicate înainte de 23 septembrie 2019 trebuie să fie accesibile atunci când sunt redenumite.

Legile privind accesibilitatea în Europa

Există patru puncte principale menționate în directivă care explică modul în care se construiesc servicii digitale mai accesibile. Ei trebuie să fie:

  1. perceptibil: componentele de informații și de interfața cu utilizatorul trebuie să fie prezentate utilizatorilor în moduri pe care le pot percepe.
  2. Operabil: componentele interfeței utilizator și navigația trebuie să fie operabile.
  3. De inteles: informațiile și funcționarea interfeței cu utilizatorul trebuie să fie ușor de înțeles.
  4. Robust: conținutul trebuie să fie suficient de robust încât să poată fi interpretat în mod credibil de o gamă largă de agenți utilizator, inclusiv de tehnologii de asistență.

Pentru a fi sincer, nu înțeleg pe deplin ce anume înseamnă exact - se pare că există loc de interpretare. Însă înțeleg că aceste reguli sunt în concordanță cu Regulile privind accesibilitatea conținutului web (WCAG). Pentru mai multe informații despre WCAG, găsiți câteva resurse utile:

  • Referința rapidă a WCAG traduce înțelesul acestor linii directoare mai detaliat și într-un mod mai ușor de înțeles.
  • Înțelegerea WCAG 2.0 este un rezumat și mai bun.
  • Rețineți că WCAG versiunea 2.1 este lansată în timp ce scriu acest lucru.
  • De asemenea, accesibilitatea web în paginile Actului UE și al Actului privind accesibilitatea europeană are mai multe informații utile.

Legile privind accesibilitatea în S.U.A. și în alte țări

În SUA, legile privind accesibilitatea sunt menționate în secțiunea 508. Grupul Paciello are o imagine de ansamblu bună a actualizărilor din secțiunea 508 din legea.

Vă încurajez să aflați ce legi de accesibilitate aveți în țara dumneavoastră.

Accesibilitatea este un efort de echipă

Cred că am auzit ceva? A fost un sunet al comutării tale mentale:

"Hei, să construim podul pentru toată lumea. Nu doar pentru Ferrari ".

Oamenii lumii ar dori foarte mult. Dar acesta nu este un spectacol de o singură persoană; este nevoie de toți cei din compania sau organizația dvs. să se implice.

  • Designeri.
  • Dezvoltatori.
  • Testeri.
  • Managerii de conținut.
  • Manageri de proiect.
  • Oamenii care iau decizii.

Accesibilitatea este o schimbare în mentalitatea întregii dvs. companii. Nu este doar o listă de verificare a ceea ce trebuie să faceți în cadrul rolului dvs. Într-o lume ideală, noi toți vrem să construim o rețea utilizabilă, accesibilă, incluzivă și mai bună toata lumea.

Resurse

Vreau să-i mulțumesc lui Rian Rietveld pentru că mi-a ajutat să scriu acest articol. Ea a fost un ajutor imens în împărtășirea și ridicarea ideilor. Iată un memento pentru câteva resurse utile pe care le-am inclus în articol:

  • Andrea Fercia articole despre accesibilitate
  • Scrierea conținutului accesibil
  • Video: cum funcționează orbirea colorată
  • Design incluziv la Microsoft
  • Accesibilitate pentru toată lumea (carte)
  • Înțelegerea WCAG 2.0
  • Accesibilitate egoistă de către Adrian Roselli