Accesibilitate pentru aplicații: linii directoare, exemple și cele mai bune practici despre cum să vă pese de utilizator

Potrivit OMS, 15% din populația lumii se confruntă cu o formă de dizabilitate. În cele mai multe cazuri, societățile conștiente se străduiesc să echilibreze disparitățile de sănătate, astfel încât această cohortă de populație să nu simtă bariere în calea unei calități recunoscute a vieții. Și funcționează bine până când o persoană cu dizabilități se confruntă cu o situație în care ceva nu este la îndemâna lor din cauza accesibilității slabe a aplicației mobile.

De ce contează accesibilitatea mobilă?

A face aplicațiile dvs. inclusive nu este doar o chestiune de responsabilitate socială. Pe lângă cultivarea diversității, aplicațiile mobile accesibile deblochează un flux suplimentar de venituri, oferă companiei tale vânturi competitive și ajută la respectarea reglementărilor de conformitate.

Empatie

Pe măsură ce îmbătrânim, cu toții ne confruntăm cu anumite limitări, fie că este vorba de tulburări de auz, scăderea simțului vederii sau deficiențe motorii. În plus, dizabilitățile situaționale și temporare ne pot pune pe toți în situații similare pe care le au persoanele cu dizabilități pe termen lung. Prin urmare, accesibilitatea mobilă este o investiție pe termen lung care, printre altele, ne ajută să avem grijă de generația mai în vârstă, de eul nostru mai în vârstă și de cei care se confruntă cu condiții temporare.

Tehnologia de asistență este, de asemenea, o strategie importantă pentru a integra mai bine oamenii care se confruntă cu provocări suplimentare în lumea modernă și în comunitățile online.

Avantaj competitiv

Potrivit statisticilor, unul din patru americani trăiește cu un handicap. Făcând soluția dvs. inclusivă, acoperiți încă 61 de milioane de utilizatori, ceea ce extinde acoperirea utilizatorilor aplicației dvs.

În plus, includerea tehnologiei este interesantă din punct de vedere comercial. Puterea de cumpărare a persoanelor cu dizabilități este de aproximativ 500 de miliarde de dolari după impozitare. Având în vedere numărul de aplicații inaccesibile, accesibilitatea aplicației și a dispozitivelor dvs. mobile poate genera acest flux suplimentar de venituri.

Accesibilitatea telefonului mobil reduce, de asemenea, costurile operaționale ale afacerii dvs. O bancă olandeză SNS a redus numărul de apeluri la call center și cheltuielile asociate cu peste 15%. Economiile sunt asociate cu modificările de accesibilitate a web-ului mobil efectuate de bancă anterior.

Accesibilitatea face o tehnologie mai bună pentru toată lumea

Incluziunea tehnologiei este esențială pentru unii, dar utilă pentru toți. Subtitrările, asistenții virtuali și software-ul de recunoaștere a vorbirii sunt caracteristicile de bază pentru toți utilizatorii, inclusiv pentru persoanele cu dizabilități. Indicațiile vocale ale rutei, de exemplu, sunt atât o caracteristică de accesibilitate, cât și o opțiune fără mâini pentru șoferi. Prin urmare, soluția dvs. all-in va fi de folos tuturor.

Respectarea standardelor și reglementărilor

În multe cazuri, standardele de accesibilitate pentru aplicațiile mobile sunt impuse de lege. Americans with Disabilities Act Standards for Accessible Design, sau ADA, impune includerea tuturor oamenilor, în toate domeniile vieții publice, inclusiv afacerile bazate pe web și aplicațiile acestora.

Legea ADA funcționează, de asemenea, alături de Ghidurile de accesibilitate a conținutului web (WCAG), care documentează un singur standard comun pentru accesibilitatea conținutului web. Versiunea actuală WCAG este 2.1, în timp ce o versiune revizuită este planificată pentru septembrie 2022.

Până în 2025, toate companiile cu sediul în UE trebuie, de asemenea, să își optimizeze serviciile și produsele pentru accesibilitate, astfel încât să respecte orientările europene privind accesibilitatea aplicațiilor mobile.

O imagine mai bună a mărcii

În cele din urmă, accesibilitatea digitală aduce beneficii mărcii dvs. și creează mai multe oportunități pentru susținătorii mărcii. De asemenea, 56% dintre clienți consideră că o companie ar trebui să ia o poziție clară cu privire la problemele sociale.

Cum să asigurăm accesibilitatea aplicației mobile?

Începând de astăzi, Ghidurile de accesibilitate a conținutului web sau WCAG sunt considerate a fi punctul de referință pentru accesibilitatea site-urilor web. Orientările includ, de asemenea, WCAG pentru mobil, care prezintă cele mai bune practici de accesibilitate mobilă. Mai jos, vom vorbi despre cum ar trebui să fie aplicația dvs. pentru a fi cu adevărat accesibilă conform WCAG.

Rețineți că fiecare principiu include trei niveluri de conformitate, unde A este nivelul minim și AAA reprezintă conformitatea deplină. Majoritatea organizațiilor se străduiesc să obțină nota AA ca mijloc de aur.

Perceptibil

A face soluția dvs. perceptibilă înseamnă că utilizatorii trebuie să o poată percepe cu unul sau mai multe simțuri. Cu cuvinte simple, dacă conținutul aplicației dvs. este orientat spre o experiență vizuală, ar trebui să aibă o alternativă care implică percepția auditivă sau orice altă modalitate senzorială.

Care poate fi problema aici?

• Fără alternative de text

Este posibil ca unele soluții să nu ofere alternative de text pentru conținutul non-text prezentat pe ecran, fie că este vorba despre controale sau imagini, într-un mod care este perceptibil de cititorul de pe ecran. În mod inerent, face ca aplicația să nu fie citită pentru TalkBack sau VoiceOver, care sunt cititoare de ecran implicite pe Android și, respectiv, iOS.

Dimpotrivă, descrierile de vorbire fac toate datele non-text accesibile orbilor sau persoanelor cu vedere slabă sau slabă. Facebook, de exemplu, a lansat text ALT automat pentru a descrie conținutul vizual pentru cititoarele de ecran.

• Fără adaptabilitate

O soluție mobilă trece cu vederea accesibilitatea atunci când structura sa nu este ușor ajustabilă la diferite structuri și orientări de prezentare a conținutului. În special, un produs cuprinzător poate trece atât la peisaj, cât și la portret, fără a sacrifica conținutul sau elementele, la fel ca în exemplul de mai jos.

Regulile native privind accesibilitatea aplicațiilor mobile impun, de asemenea, produsul dvs. să marcheze informațiile, structura și ierarhia dintre elemente. În acest fel, titlurile, tabelele și listele vor rămâne intacte atunci când prezentarea se schimbă, păstrând aspectul simplu și consistent.

Adaptabilitatea este esențială pentru persoanele cu deficiențe motorii, utilizatorii de cititoare de ecran, precum și pentru persoanele cu dificultăți de învățare și oboseală cognitivă.

• Fără trăsături distinctive

Contrastul inadecvat, o alegere slabă a culorilor sau absența redimensionării textului afectează percepția utilizatorilor. De exemplu, persoanele cu probleme de percepție a culorilor se luptă să facă distincția între anumite culori. Prin urmare, culorile nu ar trebui să fie singura modalitate de a transmite diferențe sau de a acționa prompt. În schimb, combinați culoarea și textul sau indiciile de caractere pentru a transmite informații.

Pierderea conținutului sau a funcționalității este o altă problemă comună de accesibilitate care apare de obicei atunci când un utilizator cu deficiențe de vedere mărește textul. Setările dvs. de accesibilitate pe mobil trebuie să permită o creștere cu până la 200%, păstrând tot conținutul și elementele.

Operabil

Acest principiu necesită ca aplicația dvs. să includă interfață și elemente de navigare complet operabile, astfel încât utilizatorul să poată folosi fiecare caracteristică, indiferent de deficiențe sau dizabilități.

Care poate fi problema aici?

• Lipsa de timp

Având în vedere diversitatea dintre oameni, este dificil să preziceți cât timp este nevoie pentru a naviga prin aplicație sau pentru a găsi o anumită secțiune. Majoritatea aplicațiilor bancare, de exemplu, au un timp maxim de sesiune ca măsură de securitate. Cu toate acestea, limitele de timp sau conținutul sensibil la timp fac incomod pentru un cititor de ecran sau un utilizator în vârstă să proceseze informații.

Limitele de timp flexibile sau opțiunea de oprire, dimpotrivă, fac aplicația dvs. mai prietenoasă pentru persoanele în vârstă, persoanele cu deficiențe de vedere sau vorbitorii străini.

• Conținut intermitent

Conținutul intermitent este un semnal roșu pentru aplicațiile inclusive, deoarece poate provoca convulsii sau alte efecte nedorite. Astfel, persoanele care au tulburări de convulsii fotosensibile pur și simplu nu pot privi luminile intermitente sau modelele vizuale contrastante fără a avea o reacție fizică adversă declanșată de acestea. De aceea, este important să evitați conținutul care clipește de peste 3 ori într-o secundă și să limitați zona de clipire la o mică parte a ecranului unui smartphone.

• Navigare

Navigarea care nu este nici etichetată programatic, nici structurată poate împiedica, de asemenea, un utilizator să consume conținutul. Este valabil mai ales pentru utilizatorii cu dizabilități vizuale care pot naviga numai în aplicația dvs. cu tehnologie de asistență, precum și pentru persoanele cu dizabilități cognitive și motorii.

Regiunile de reper, anteturile descriptive, titlurile unice ale ecranului și comenzile etichetate permit atât utilizatorilor, cât și cititorilor de ecran să localizeze secțiunea necesară rapid și cu mai puține apăsări de taste. Aplicația poate fi, de asemenea, codificată pentru a sări peste graficele și linkurile de navigare atunci când consumați conținutul cu un cititor de ecran.

Tastemade, de exemplu, este un exemplu grozav de navigare pe ecran complet la locul de muncă, în timp ce exemplul din dreapta a sacrificat capacitatea de descoperire pentru un design elegant.

De inteles

Conform acestui principiu de accesibilitate, toate informațiile și întreaga interfață cu utilizatorul trebuie să fie ușor de înțeles pentru orice persoană, indiferent de starea sa de sănătate. Mai simplu spus, cu cât aplicația dvs. este mai intuitivă și mai simplă, cu atât are mai multe șanse de a obține nivelul de conformitate AAA.

Care poate fi problema aici?

• Previzibilitate

Unele aplicații preferă să ascundă elemente de design în spatele pictogramelor sofisticate sau să utilizeze fluxuri de utilizatori futuriste. În timp ce astfel de modele sunt opere de artă admirabile, le lipsește claritatea.

Meniurile cu hamburgeri, de exemplu, sunt un standard acceptat pe scară largă pentru dezvoltarea aplicațiilor mobile care simplifică meniurile pentru ecranele compacte. Cu toate acestea, ele nu sunt nici navigabile, nici previzibile pentru persoanele cu dizabilități vizuale, limitări cognitive, deficiențe motorii și dexteritate redusă. Versiunea desktop a Telegramului, de exemplu, are un buton de meniu hamburger.

Obiectivul primordial al proiectării previzibile este de a stabili așteptări precise cu privire la ceea ce se va întâmpla în continuare prin modele de design coerente, elemente semantice standard și structură ordonată a informațiilor. O aplicație accesibilă ar trebui să aibă, de asemenea, toate elementele ușor de descoperit pe ecran pentru a oferi o înțelegere exactă a unde se află utilizatorul acum. Navigarea de jos, bara laterală verticală sau meniurile lipicioase le joacă corect.

• Asistență de intrare

Unii utilizatori cu vedere de calitate inferioară și cu dizabilități de lectură și intelectuale pot găsi o provocare să introducă informațiile fără erori sau să facă diferența între câmpurile obligatorii și opționale. Pentru a oferi asistență, o interfață de aplicație poate include indicii în câmpuri pentru a consolida informațiile importante.

Indiciile pot varia de la atribute etichetate pentru cititoarele de ecran la stări selectate și colțuri rotunjite.

• Prevenirea erorilor

În aceeași notă, este posibil ca metodele tipice de indicare a erorilor să nu funcționeze pentru persoanele cu vedere scăzută sau afectată sau pentru persoanele daltoniste. De asemenea, utilizatorii cu dizabilități de citire sau motorii au șanse mai mari de a introduce o intrare greșită, ceea ce poate duce la consecințe grave, inclusiv datorii financiare. Prin urmare, dacă aplicația nu oferă date controlabile de utilizator, aceasta nu este accesibilă.

Trimiterile reversibile, confirmarea comenzii, ștergerea unei înregistrări sau anularea trimiterii unui mesaj sunt câteva exemple de măsuri de protecție care vor împiedica utilizatorii să facă o greșeală.

Robust

Funcțiile de accesibilitate ar trebui să fie livrate fără probleme pe platforme și dispozitive, inclusiv versiuni diferite de cititoare de ecran, terminale braille sau software de mărire a textului. Cu cuvinte simple, designul robust este imun la erorile de codare care pot distorsiona conținutul sau funcțiile dintr-un dispozitiv compatibil web sau dintr-o tehnologie de asistență.

Care poate fi problema aici?

• Codare slabă

Dacă codul HTML din spatele aplicației dvs. nu are etichete complete de început și de sfârșit, conținutul aplicației poate să se afișeze diferit pe dispozitive, să nu fie afișat deloc sau să fie imposibil de citit pentru tehnologiile de asistență. Cod HTML bine format, care respectă toate specificațiile limbajului de marcare, se asigură că structura de conținut accesibilă va rămâne așa cum este prevăzută pe toate platformele și dispozitivele.

Poate dezvoltarea multiplatformă să ofere un nivel adecvat de accesibilitate?

Dezvoltarea multiplatformă este un cuțit elvețian care accelerează timpul de lansare pe piață și ucide două platforme cu o bază cu un singur cod. Cu toate acestea, potențialul de accesibilitate al dezvoltării multiplatforme este în urmă cu aplicațiile native. Prin urmare, tehnologiile multiplatformă reprezintă un compromis între accesibilitate și reducerea costurilor, care poate garanta în continuare cel puțin un nivel de bază de accesibilitate mobilă pe Android și iOS.

Astfel, dezvoltarea aplicației Flutter se angajează să facă aplicațiile mai accesibile și include suport încorporat pentru accesibilitate combinat cu aceleași capabilități ale sistemului de operare. Flutter vă poate ajuta să implementați astfel de funcții de accesibilitate, cum ar fi fonturi mari, compatibilitate cu cititorul de ecran, contrast suficient și multe altele.

Dar rețineți că accesibilitatea mobilă este un rezultat colectiv al întregii echipe de dezvoltare, inclusiv al dezvoltatorilor Flutter. În timp ce designerii UX/UI sunt dedicați construirii de interfețe incluzive, specialiștii QA se asigură că versiunea finală a aplicației dvs. trece testul de accesibilitate.

Nu este nevoie să decideți între accesibilitate și design

Accesul egal la tehnologie permite tuturor oamenilor să participe în societate și să folosească în mod activ confortul tehnologic. Alături de conformitatea, accesibilitatea mobilă contribuie, de asemenea, la o bază mai mare de utilizatori și la un avantaj competitiv al companiei dumneavoastră. Cu toate acestea, mulți dezvoltatori sunt încă străini de standardele de codare de accesibilitate, deoarece excelența în materie de accesibilitate necesită cercetare și know-how intens. Și chiar dacă sunt familiarizați cu noțiunea, este adesea dificil să încheiați funcții inclusive într-o interfață estetică.
Dacă vă străduiți să găsiți un echilibru între accesibilitate și design, compania noastră știe cum să înscrie la ambele. Pe baza cerințelor dvs. unice și a standardelor de accesibilitate, integrăm perfect inclusivitatea într-un design de aplicație de top. Trimiteți-ne o linie pentru a crea o soluție mobilă de top, care să se adreseze tuturor.

Articolul este publicat inițial aici