Cele mai accesibile site-uri web din lume
Publicat: 2021-11-10Pentru mulți dintre noi, internetul este evident. Știi unde să cauți, pe ce să dai clic și cum funcționează totul – indiferent de ce constructor de site-uri web sau CMS a creat ceea ce te uiți. Dar dacă ai fi unul dintre un miliard de oameni din întreaga lume cu dizabilități, pentru care internetul este mult mai greu de înțeles?
Anumite dizabilități fac internetul un loc mai confuz și aici intervine accesibilitatea.
Ne-am uitat la unele dintre cele mai populare site-uri web din lume pentru a descoperi care dintre ele au trecut testele de accesibilitate și care au mult mai mult de lucru.
De ce contează accesibilitatea?
Accesibilitatea web ne afectează pe toți , în moduri pe care s-ar putea să nu ne dăm seama. Nu numai că face internetul un loc mai utilizabil pentru un miliard de oameni din întreaga lume care depind de el, dar îl face și mai bun pentru toți ceilalți.
Face textul ușor de citit fără a fi nevoie să strâmbăm ochii. Este evident cum să finalizați o comandă și cum să facem clic pe un link și înseamnă că ne putem uita la telefoanele noastre la prima oră dimineața și să înțelegem în continuare ce se întâmplă.
Pentru persoanele cu nevoi specifice de accesibilitate, ar putea fi diferența între a cheltui bani pe un site web sau a alege să meargă în altă parte. Deci, pentru mărci, nu numai că contează pentru că face site-ul web mai bun, contează pentru că le-ar putea costa bani.
Numai în Marea Britanie, suma pierdută din cauza site-urilor web inaccesibile – cunoscută sub numele de lira fără clic – a fost de 11,75 miliarde de lire sterline în 2020. Acestea sunt miliarde pe care le-ar putea face economia, dacă doar companiile ar face câteva modificări simple pentru a-și aduce site-urile la nivelul standard.
Cum se punctează accesibilitatea?
Accesibilitatea web este clasificată în raport cu Ghidul de accesibilitate a conținutului web sau WCAG. Orientările lor actuale, WCAG 2.2, le spun proprietarilor de web ce trebuie să facă pentru ca conținutul lor să fie utilizabil pentru oricine l-ar putea găsi.
Ei punctează site-urile în trei categorii diferite:
A – Standardele minime de accesibilitate.
Puteți naviga pe site cu tastatura, nu vă va duce în capcane, toate videoclipurile au subtitrări și nicio semnificație nu este transmisă de formă, dimensiune sau culoare.
AA – Accesibilitate acceptabilă, ceva la care ar trebui să vizeze site-urile.
Contrastul culorilor trebuie să fie la un nivel mai înalt, imaginile au nevoie de text alternativ care să spună utilizatorilor nevăzători ce se află în ele, navigarea va fi clară, iar titlurile vor explica despre ce vorbește conținutul de sub ele.
AAA – Cele mai înalte niveluri de accesibilitate.
Contrastul culorilor trebuie să fie aproape negru pe alb, videoclipurile au nevoie de limbajul semnelor, nu veți fi niciodată oprit dintr-o comandă, iar sfaturile instrumente sunt prezente ori de câte ori scopul conținutului trebuie explicat.
Raportul de accesibilitate a site-ului web – cine face nota?
Am efectuat teste de accesibilitate – despre care puteți afla mai multe la sfârșitul acestui raport – pe 200 dintre cele mai populare site-uri web din lume. Aceste teste au analizat totul, de la contrastul de culoare până la zonele focalizate, oferindu-ne un scor total de active ale site-ului și câte dintre acestea au eșuat.
Am folosit acest scor pentru a stabili ce procent din site era inaccesibil utilizatorilor cu orice fel de deficiență.
Desigur, nu toate deficiențele necesită accesibilitate suplimentară. De exemplu, utilizatorii de scaune cu rotile nu vor trebui să folosească cititoare de ecran. Și în timp ce toată lumea beneficiază de site-uri web accesibile, unii utilizatori de internet au nevoie de ele mai mult decât majoritatea. Iată câteva exemple:
Orbire
Aceasta este poate cea mai evidentă deficiență la care se gândesc oamenii când vine vorba de conținut accesibil. Utilizatorii nevăzători nu pot citi ceea ce scriem, așa că se bazează pe un cititor de ecran pentru a face acest lucru pentru ei. De asemenea, este puțin probabil să folosească un mouse, în schimb să parcurgă conținut.
Utilizatori cu afecțiuni ale creierului
Persoanele care trăiesc cu boli precum boala neuronului motor și boala Parkinson suferă de lucruri precum tremurarea mușchilor, smulsuri și rigiditate. S-ar putea să le fie imposibil să folosească un mouse sau să facă clic pe conținut și ar putea folosi o baghetă cu cap pentru a naviga pe site-uri. O baghetă pentru cap este un dispozitiv care se poartă în jurul capului, cu un bețișor lung fiind folosit pentru a atinge tastatura în loc de degete.
Dificultati de invatare
Dificultățile de învățare, cum ar fi dislexia, sau diversitățile neuro, precum autismul, pot face conținutul foarte dificil de citit. Literele se pot amesteca, cuvintele se pot mișca, iar cazurile lungi de conținut pot provoca dureri de cap sau frustrare.
Surditate
Persoanele surde nu vor putea auzi niciun conținut video și, adesea, tinerii surzi se luptă cu lectura. Subtitrarea sau limbajul semnelor vor fi necesare pentru videoclipuri, iar limbajul ar trebui să fie simplu.
Internetul prin ochii altor utilizatori
O bună accesibilitate nu numai că poate face site-ul dvs. să funcționeze mai bine, dar îl poate face și să arate mai bine pentru persoanele care interacționează diferit cu el. Am făcut joc de cum ar arăta unele dintre cele mai populare site-uri din lume dacă ar fi văzute de persoane cu deficiențe de vedere, permițându-vă să vedeți cât de mult contează accesibilitatea.
Viziunea tunelului face exact ceea ce v-ați aștepta – faceți oamenii să vadă lucrurile ca și cum ar privi printr-un tunel. Pe Amazon, acest lucru ar face o cantitate uriașă de produse complet invizibile și ar face ca și cum orice meniuri laterale pur și simplu nu ar exista.
Dislexia ar face ca o mare parte din Google să pară de necitit. Poate face ca citirea, scrierea și ortografie să fie o provocare, ceea ce face ca literele să pară confuze și fără sens. Pe un site precum Google, unde textul reprezintă cea mai mare parte a platformei lor, acest lucru ar fi deosebit de problematic.
Orbirea afectează 2,2 miliarde de oameni din întreaga lume și ar face Netflix să arate așa. Linia pe care o puteți vedea ilustrează ordinea file-ului – cum ar naviga oamenii pe site cu tasta Tab – în timp ce casetele goale de imagine sunt toate „vede-o” dacă nu ar fi textul alternativ. Ordinea filelor se termină în partea de jos a paginii, oferind utilizatorilor nicio opțiune de a reveni în partea de sus. Nu vrei să urmărești Squid Game? Ghinion.
Daltonismul poate avea mai multe forme, influențând culori diferite pentru diferiți oameni. În timp ce pe unele site-uri s-ar putea să facă lucrurile să arate puțin diferit, dacă folosiți vreodată culoarea pentru a transmite sens, ar elimina tot acest sens. S-ar putea să vedem că un buton verde înseamnă înregistrare, iar un buton roșu înseamnă anulare, dar asta nu ar fi la fel de clar pentru toată lumea.
Cataracta face internetul o experiență mult mai neclară. Textul poate deveni neclar și poate da bătăi de cap oamenilor, motiv pentru care nivelurile ridicate de contrast de culoare sunt atât de importante. Pe un site precum Twitter, cataracta i-ar putea lăsa pe oameni să deruleze fără a se putea implica vreodată.
Cele mai accesibile site-uri web
Site | Activele totale ale site-ului | Erori de accesibilitate | Avertismente de accesibilitate | Procentul de site inaccesibil |
---|---|---|---|---|
Nih.Gov | 555 | 1 | 76 | 0,18% |
Cdc.gov | 543 | 1 | 59 | 0,18% |
Gov.uk | 492 | 1 | 14 | 0,20% |
295 | 1 | 19 | 0,34% | |
H&M | 794 | 3 | 160 | 0,38% |
PayPal | 235 | 1 | 30 | 0,43% |
Mayoclinic | 750 | 4 | 61 | 0,53% |
UPS | 607 | 4 | 56 | 0,66% |
CapitolOne | 448 | 3 | 18 | 0,67% |
Amazon | 2077 | 15 | 187 | 0,72% |
Institutul Național de Sănătate are cel mai accesibil site web
Institutul Național de Sănătate (NIH), organismul la nivel național care investește miliarde în asistența medicală a americanilor în fiecare an, are cel mai accesibil site de pe internet conform raportului nostru. Doar 0,18% din site este inaccesibil, ceea ce îl face o resursă fantastică pentru oamenii care se bazează pe el.
Având în vedere publicul care atrag site-urile de asistență medicală, este vital că conținutul lor este accesibil pentru toată lumea. NIH realizează acest lucru cu un contrast mare de culoare între text și fundal, link-uri descriptive care vă spun ce se va obține făcând clic pe ele și o navigare clară și consecventă care face site-ul ușor de deplasat.
Singura eroare găsită de testele noastre a fost un singur caz de „limbă nevalidă specificată”, care este o eroare de codare care ar putea declanșa ocazional cititorii de ecran. Cu toate acestea, deoarece acest lucru apare o singură dată pe întregul site, este puțin probabil să influențeze performanțele sale generale.
Site-ul web al Centrului pentru Controlul și Prevenirea Bolilor este accesibil în proporție de 99,82%.
Un alt site web guvernamental de sănătate are, de asemenea, scoruri foarte bune pentru accesibilitate. Centrul pentru Controlul și Prevenirea Bolilor (CDC) are doar 0,18% din site-ul său web care este inaccesibil pentru utilizatori, ceea ce îl face o experiență clară de utilizator pentru toți vizitatorii săi.
La fel ca NIH, acesta este un alt site web al cărui public țintă este probabil să includă persoane cu dizabilități, făcând conținutul accesibil vital. Designul său clar și fundalul alb elimină orice risc de contrast scăzut al culorilor și, de asemenea, fac navigarea simplă. Elementele sunt prezentate într-un mod pe care utilizatorii s-ar aștepta, toate imaginile conțin text alternativ și link-urile sunt descriptive.
Se situează doar pe locul doi din cauza avertismentelor cu privire la existența unor linkuri în titluri, ceea ce le poate face puțin mai greu de găsit de către oameni.
Site-ul web al guvernului britanic este al treilea cel mai accesibil din lume
Se consideră că echipa din spatele gov.uk – site-ul principal al guvernului Regatului Unit – a inventat termenul de design de conținut, așa că are sens ca site-ul lor să funcționeze atât de bine. Designul de conținut se referă la modul în care utilizatorii navighează prin conținut, punând lucrurile acolo unde oamenii s-ar aștepta la ele într-un mod ușor de găsit. Este clar că asta s-a întâmplat cu gov.uk. Site-ul web are doar 0,20% din funcții care sunt inaccesibile, cu cantități uriașe de conținut aprofundat bine prezentat și ușor de explorat. Din nou, un fundal alb cu text negru și albastru închis oferă un contrast mare de culoare, în timp ce linkurile descriptive sunt disponibile din abundență.
Cele mai puțin accesibile site-uri web
Spre deosebire de site-urile accesibile, niciunul dintre acestea nu a obținut vreo evaluare de accesibilitate. Toți au eșuat împotriva WCAG, lăsându-le cu multă muncă de făcut.
Site | Activele totale ale site-ului | Erori de accesibilitate | Avertismente de accesibilitate | Procentul de site inaccesibil |
---|---|---|---|---|
ASOS | 276 | 59 | 18 | 21,38% |
121 | 25 | 7 | 20,66% | |
Telegramă | 276 | 56 | 24 | 20,29% |
Smythstoys | 617 | 116 | 119 | 18,80% |
Costco | 1177 | 218 | 63 | 18,52% |
Quora | 127 | 23 | 15 | 18,11% |
Geniu | 812 | 144 | 65 | 17,73% |
Mail Yahoo | 67 | 11 | 3 | 16,42% |
254 | 41 | 52 | 16,14% | |
Ea în | 1656 | 267 | 115 | 16,12% |
ASOS are cel mai puțin accesibil site
Scor de accesibilitate: niciunul
Dacă ești în căutarea modului rapid, ASOS are mai mult decât majoritatea. Cu toate acestea, dacă aveți orice fel de dizabilitate sau deficiență, există șanse mari să nu puteți cumpăra nimic. Un uluitor de 21,38% din site-ul lor este inaccesibil, cu erori precum contrastul slab al culorilor, textul peste imagini și lipsa etichetelor ARIA (Accessible Rich Internet Applications), ceea ce face o experiență dificilă pentru fanii modei cu dizabilități.
Etichetele lipsă reprezintă cea mai mare parte a problemelor site-ului. Etichetele nu sunt văzute de majoritatea utilizatorilor, dar permit lucruri precum ferestrele pop-up și elementele interactive să fie accesate de oricine care utilizează tehnologii de asistență. De exemplu, vor afișa un banner de vânzări sau un formular de înscriere în competiție.
În acest moment, ASOS nu oferă destule dintre ele, înstrăinând milioane de potențiali clienți.
Actualizare 03 mai 2022 – După ce a apărut studiul nostru, ASOS a răspuns raportului nostru și a adus îmbunătățiri site-ului său. După ce echipa noastră a reevaluat pagina de pornire ASOS.com, am văzut scoruri de accesibilitate mult mai bune.
Iată cum arată noile lor scoruri din 2022:
Site | Activele totale ale site-ului | Erori de accesibilitate | Avertismente de accesibilitate | Procentul de site inaccesibil |
---|---|---|---|---|
ASOS | 216 | 9 | 18 | 4,17% |
20,66% din pagina de conectare a Instagram este inaccesibilă
Scor de accesibilitate: niciunul
În ciuda faptului că este un site destul de simplu, cu conținut minim, Instagram este al doilea cel mai puțin accesibil site de pe internet - și asta chiar înainte de a vă conecta. Pagina lor de autentificare se luptă din cauza lipsei de text alternativ, în timp ce modificarea imaginilor înseamnă că au puțin control asupra cum apare textul atunci când este suprapus.
13,6% din feedul Instagram nu poate fi citit
Odată ce intri în aplicație, Instagram continuă să se lupte. Datorită faptului că este în mare parte conținut generat de utilizatori, o mulțime de imagini apar fără text alternativ, iar poveștile sunt încărcate cu text în mișcare peste imagini – ambele un coșmar de accesibilitate.
Cu toate acestea, există multe probleme pe care Instagram le poate rezolva singur. Contrastul scăzut între fontul site-ului și fundalul său gri deschis face ca o mare parte din acesta să fie imposibil de citit, în timp ce lipsa etichetelor ARIA împiedică utilizatorii să vadă butoanele de redare și încărcările de povești noi.
Pagina de conectare a Telegramului eșuează 20,29% din testele de accesibilitate
Credit imagine: LoboStudioHamburg (Pixabay)
Scor de accesibilitate: niciunul
Telegram se consideră platforma social media pentru conversații gratuite, atrăgând pe cei care simt că sunt neglijați de canalele obișnuite. Cu toate acestea, dacă vrea să atragă pe oricine cu vedere slabă, are de lucru. Contrastul scăzut al culorilor pe pagina sa de autentificare este principala sa problemă, ceea ce face o provocare pentru oricine care nu are viziune 20/20.
11,11% din feedul Telegram este inaccesibil
Odată ce sunteți în aplicație, vă veți lupta cu imaginile dacă aveți deficiențe de vedere. Nu conțin text alternativ, așa că orice utilizator orb nu își va înțelege sensul. Zoom-ul este, de asemenea, dezactivat, împiedicând pe oricine să mărească fontul mic dacă trebuie să vadă lucrurile de aproape.
Cele mai multe și cele mai puțin accesibile site-uri din diferite sectoare
Am analizat site-uri web din modă, servicii bancare, comerț electronic, divertisment și, bineînțeles, constructori de site-uri web, pentru a descoperi care sunt cele mai bune și cele mai rele pentru accesibilitate. Unele nume mari au probleme destul de mari care trebuie rezolvate.
LinkedIn este cea mai accesibilă platformă de socializare
LinkedIn nu numai că este un loc bun pentru a găsi de lucru, este și un loc grozav dacă utilizați tehnologii de asistență. Doar 0,34% din ecranul de conectare al site-ului este inaccesibil, deoarece linkurile descriptive, contrastul mare de culori și aspectul simplu fac pagina ușor de mutat.
Odată ce v-ați conectat, accesibilitatea este (aproape) la fel de bună. Doar 2,94% din feed eșuează testele de accesibilitate, deoarece designul clar și navigarea consecventă fac din acesta un site ușor de navigat. Puteți chiar să adăugați text alternativ la imaginile și documentele pe care le încărcați, arătând că LinkedIn ia cu adevărat accesibilitatea în serios.
LinkedIn depășește cu puțin peste Pinterest pe primul loc. Doar 0,95% din pagina de autentificare a platformei de partajare a imaginilor este inaccesibilă și 3,19% din feedul lor principal, ceea ce este încă un scor excelent având în vedere cât de mult conținut generat de utilizatori se află pe site.
Pe locul trei cu 3,76% se află Reddit. Dar, în timp ce pagina lor de autentificare are scoruri bune, forumul lor real cade neted. 13,98% din acestea sunt inaccesibile, cu conținut generat de utilizatori, meme-uri, GIF-uri și multe altele, făcându-l un câmp minat pentru tehnologia de asistență.
Instagram, Telegram și Facebook nu respectă regulile de accesibilitate
Instagram este cea mai puțin accesibilă platformă de socializare la care să te autentifici. Aplicația bazată pe imagini se luptă cu lizibilitatea textului și textul alternativ opțional pe imagini, lăsând 20,66% din pagina de autentificare inutilizabilă pentru 2,2 miliarde de persoane cu deficiențe de vedere din întreaga lume. Hrana este puțin mai bună, dar cu 13,6% din ea inaccesibilă, mai lasă de dorit.
Telegram, aplicația de mesagerie se află pe ultimul loc, cu 20,29% din ecranul său de autentificare și 11,11% din feedul său fiind inaccesibil, lăsând Facebook să ocupe ultimul loc pe podiumul de necitit. În ciuda faptului că este cea mai mare platformă de socializare din lume, atrăgând 467 de milioane de vizite în fiecare lună, 16,14% din ecranul său de pornire este inaccesibil. În timp ce feedul real este mult mai bun – doar 2,37% eșuează – dacă nu vă puteți conecta, nu vă veți putea bucura niciodată de el.
Fontul site-ului – text alb pe fundal albastru – este doar începutul problemelor sale. Nu îndeplinește cerințele minime pentru contrastul de culoare, nu impune text alternativ la încărcările de imagini și are mai multe etichete ARIA lipsă, ceea ce face dificilă navigarea unor utilizatori.
Platformele de social media cu cele mai multe probleme de accesibilitate
Site | Activele totale ale site-ului | Erori de accesibilitate | Avertismente de accesibilitate | Procentul paginii de conectare inaccesibile | Procentul de furaj inaccesibil |
---|---|---|---|---|---|
121 | 25 | 7 | 20,66% | 13,60% | |
Telegramă | 276 | 56 | 24 | 20,29% | 11,11% |
254 | 41 | 52 | 16,14% | 2,37% | |
TIC-tac | 305 | 36 | 83 | 11,80% | 14,56% |
212 | 21 | 28 | 9,91% | 10,21% | |
Stare de nervozitate | 167 | 8 | 9 | 4,79% | 6,70% |
4125 | 155 | 638 | 3,76% | 13,98% | |
734 | 7 | 13 | 0,95% | 3,19% | |
295 | 1 | 19 | 0,34% | 2,94% |
Amazon Prime Video este cel mai accesibil site de divertisment
Nu numai că site-urile de divertisment au nevoie de subtitrări și descrieri audio pentru a-și face conținutul accesibil, ci trebuie și să se asigure că emisiunile sunt ușor de găsit și redate. Amazon Prime Video face acest lucru mai bine decât oricine, deoarece doar 0,72% din pagina de autentificare – și 0,59% din site-ul principal – este inaccesibil. Folosește o ordine clară de file pentru a permite utilizatorilor să navigheze prin fiecare secțiune, font deschis pe un fundal întunecat și link-uri descriptive.
Depășește concurența de la HBO Max – 1,4% pagina de autentificare și 1,35% site-ul principal inaccesibil – și Twitch, site-ul de streaming de jocuri, care are un scor de 1,4% pentru pagina sa de autentificare și 2,19% pentru site-ul principal. Netflix, unul dintre principalii rivali ai Prime Video în spațiul de divertisment, revine într-un fel. În timp ce pagina sa de autentificare se descurcă foarte bine, cu doar 0,27% eșuând testele, 1,79% din site-ul său principal nu trece.
SoundCloud este cel mai puțin accesibil site de divertisment din lume
Deși SoundCloud vă poate permite să ascultați muzică gratuit, acesta are un cost pentru orice utilizator cu dizabilități. 31,42% din pagina de conectare a site-ului este inaccesibilă, suferind din cauza utilizării de 66 de cazuri de text peste o imagine de fundal, ceea ce face dificilă citirea. De asemenea, îi lipsesc etichetele ARIA, ID-urile de formulare și linkurile descriptive, care nu vor fi muzică pentru urechile nimănui. Lucrurile nu se îmbunătățesc cu mult atunci când te-ai conectat, deoarece 14,92% din conținut rămâne la îndemână.
Steam este al doilea în cărțile proaste. Site-ul permite utilizatorilor să joace jocuri online, dar fără text alternativ pe imagini, text peste imagini de fundal și numeroase probleme de formatare a textului, aceștia trebuie să ia puțin mai în serios accesibilitatea - 12,90% din pagina de pornire și 9,53% din conținut este în prezent. în afara limitelor.
Roblox este pe locul al treilea. Jocul online este grozav pentru copii, cu excepția cazului în care acești copii au anumite deficiențe. 6,29% din pagina de conectare a site-ului este inaccesibilă, în special formularele care nu au etichete sau sfaturi pentru instrumente. Fără etichete de formulare, utilizatorii cu deficiențe de vedere nu vor ști ce informații să pună unde, ceea ce înseamnă că nu se vor putea alătura distracției. În timp ce site-ul principal se îmbunătățește drastic cu un scor de 1,13%, tot acel conținut este irosit pentru utilizatorii care nu pot ajunge niciodată la el.
Site-urile de divertisment cu probleme de accesibilitate
Site | Activele totale ale site-ului | Erori de accesibilitate | Avertismente de accesibilitate | Procentul de conectare inaccesibil | Procentul de site inaccesibil |
---|---|---|---|---|---|
Soundcloud | 476 | 71 | 99 | 14,92% | 31,42% |
Alimentat cu aburi | 1070 | 102 | 334 | 9,53% | 12,90% |
Roblox | 159 | 10 | 15 | 6,29% | 1,13% |
play.google | 1430 | 87 | 177 | 6,08% | 5,46% |
Hulu | 682 | 30 | 160 | 4,40% | 8,5% |
Spotify | 187 | 6 | 10 | 3,21% | 2,19% |
Măr | 668 | 17 | 68 | 2,54% | 4,30% |
Nowtv | 1160 | 28 | 222 | 2,41% | 4,60% |
Netflix | 279 | 5 | 30 | 1,79% | 0,27% |
Disneyplus | 234 | 4 | 14 | 1,71% | 8,38% |
Youtube | 3180 | 53 | 2071 | 1,67% | 1,28% |
Twitch.tv | 786 | 11 | 120 | 1,40% | 2,19% |
Amazon Prime | 2077 | 15 | 187 | 0,72% | 0,59% |
Accesibilitatea Amazon duce la început în comerțul electronic
Site-ul de vânzare cu amănuntul al Amazon este cel mai accesibil de pe piață, deoarece doar 0,84% din acesta a picat testele noastre. Site-ul beneficiază de un fundal alb și text întunecat, oferind în același timp o mulțime de link-uri și meniuri descriptive pe care utilizatorii pot face clic. Călătoria utilizatorului este, de asemenea, incredibil de eficientă, permițând oamenilor să adauge lucruri în coșul lor și să plătească rapid, prevenind riscul oricăror timeout-uri prea pripite.
Dunelm este al doilea cel mai accesibil site de comerț electronic. Doar 1,01% din site-ul comerciantului de mobilă este inaccesibil, făcând călătoria utilizatorului la fel de confortabilă ca și produsele pe care le vând. Chiar dacă site-ul folosește text peste imagini, îl evidențiază într-un mod clar, permițându-i să ofere funcții accesibile fără a sacrifica niciun stil.
Xfinity ocupă locul al treilea în lista noastră. Site-ul furnizorului de internet este inaccesibil doar în proporție de 1,08%, oferind un fundal alb clar pentru tot conținutul său.
Smyths Toys este cel mai puțin accesibil site de comerț electronic
Cu un amestec de font alb pe un fundal albastru deschis, butoane non-descriptive și dimensiuni diferite ale fontului, nu este surprinzător faptul că site-ul Smyths Toys este 18,80% inaccesibil. Butoanele care spun „cumpără acum” nu înseamnă nimic în afara contextului, așa că este puțin probabil ca oricine care parcurge conținutul să se oprească și să facă clic pe ele.
Unsplash este următorul cel mai rău. 15,56% din site-ul său este inaccesibil, o problemă întărită de cantitatea mare de imagini fără text alternativ. Platforma este un loc grozav pentru fotografi și designeri pentru a-și împărtăși munca, dar textul peste imagini și o ordine confuză a filelor o fac o experiență proastă pentru orice utilizator cu deficiențe.
Halfords ocupă locul trei nedorit. În timp ce site-ul ar putea fi un loc fantastic pentru piese auto, este un loc prost pentru contrastul de culoare, oferindu-i un scor inaccesibil de 9,56%.
Cele mai bune și mai proaste site-uri de comerț electronic pentru accesibilitate
Site | Activele totale ale site-ului | Erori de accesibilitate | Avertismente de accesibilitate | Procentul de site inaccesibil |
---|---|---|---|---|
smythstoys.com | 617 | 116 | 119 | 18,80% |
halfords.com | 1057 | 101 | 159 | 9,56% |
argos.com | 674 | 51 | 154 | 7,57% |
shutterstock.com | 963 | 70 | 44 | 7,27% |
autotrader.com | 848 | 55 | 100 | 6,49% |
homedepot.com | 1939 | 122 | 220 | 6,29% |
johnlewis.com | 676 | 42 | 64 | 6,21% |
wayfair.com | 490 | 28 | 25 | 5,71% |
ikea.com | 545 | 29 | 47 | 5,32% |
diy.com | 497 | 22 | 52 | 4,43% |
therange.com | 917 | 29 | 190 | 3,16% |
next.co.uk | 750 | 23 | 151 | 3,07% |
boots.com | 1286 | 39 | 394 | 3,03% |
screwfix.com | 1861 | 46 | 987 | 2,47% |
att.com | 648 | 14 | 110 | 2,16% |
lowes.com | 738 | 14 | 110 | 1,90% |
ebay.com | 983 | 17 | 101 | 1,73% |
etsy.com | 1198 | 14 | 190 | 1,17% |
xfinity.com | 558 | 6 | 81 | 1,08% |
dunelm.com | 496 | 5 | 32 | 1,01% |
amazon.com | 2514 | 21 | 141 | 0,84% |
Ziua de joi este grozavă pentru întâlniri accesibile
Dacă ești în căutarea iubirii cu un handicap, joi ar putea fi aplicația de întâlniri pentru tine. Cu toate acestea, niciun site de întâlniri nu are rezultate deosebit de bune. 6,50% din ziua de joi este inaccesibil, scor care ar putea fi îmbunătățit prin eliminarea textului din imagini și creșterea contrastului de culoare.
Tinder este pe locul al doilea cu un scor de 6,77%. Fontul gri închis pe un fundal gri deschis nu va duce niciodată la un site foarte accesibil, dar în afară de asta, este ok. O glisare provizorie direct de la noi.
Grindr ocupă locul trei, cu 8,27% din site-ul său inaccesibil. Este un site galben strălucitor, cu text îndrăzneț, negru, ceea ce îl face foarte ușor de citit și ușor de implicat.
14,34% din Bumble este inaccesibil
În timp ce Bumble ar fi revoluționat scena întâlnirilor pe internet, creând o aplicație în care doar femeile pot vorbi primele, mai are ceva de parcurs înainte să aibă o platformă cu adevărat accesibilă. În prezent, 14,35% din site-ul său este inutilizabil pentru oricine cu deficiențe. Îi lipsesc link-urile și butoanele descriptive și, cel mai rău, folosește font alb pe un fundal galben.
Este greu de citit chiar și cu o vedere perfectă.
Doar puțin mai bine, cu 13,93% din site-ul său fiind inaccesibil, este eHarmony. Unul dintre site-urile de întâlniri originale este încă puțin în urmă când vine vorba de conținut accesibil, textul peste imaginile în mișcare fiind un coșmar de citit. În plus, fontul mic, gri deschis, nu face lucrurile mult mai ușoare.
Site-urile de întâlniri care și-au întâlnit potrivirea accesibilă
Site | Activele totale ale site-ului | Erori de accesibilitate | Avertismente de accesibilitate | Procentul de site inaccesibil |
---|---|---|---|---|
joi | 431 | 28 | 72 | 6,50% |
Tinder | 251 | 17 | 17 | 6,77% |
Grindr | 133 | 11 | 13 | 8,27% |
Meci | 713 | 69 | 98 | 9,68% |
eArmonia | 689 | 96 | 107 | 13,93% |
Bumble | 251 | 36 | 31 | 14,34% |
GoDaddy este cel mai bun constructor de site-uri web pentru accesibilitatea site-ului său
Acum, la subiectul nostru de specialitate, creatorii de site-uri web. GoDaddy este cu siguranță unul dintre cele mai mari și, când vine vorba de accesibilitatea site-ului său, este și cel mai bun. Doar 2,11% din site-ul său este inaccesibil, ceea ce îl face mai ușor de utilizat decât Wix, cu 3,61%, și Weebly, cu 8,49%.
Toate aceste site-uri oferă o utilizare bună și o navigare clară, făcându-le mai ușor pentru clienți să navigheze prin serviciile lor, indiferent de nivelul de abilitate pe care îl au.
WordPress și Squarespace sunt cei mai puțin accesibili constructori de site-uri web
În ciuda faptului că sunt doi dintre principalii jucători de pe piață, atât WordPress (10,22%), cât și Squarespace (9,33%) se luptă cu accesibilitatea. Ambele au probleme pentru focalizarea zonei, ceea ce permite utilizatorilor cu vedere redusă să mărească secțiunile și să citească conținutul de aproape. De asemenea, poate ajuta persoanele care nu pot folosi un mouse să rămână pe conținut suficient de mult pentru a-l prelua.
Pe ambele site-uri, focalizarea este o problemă, în timp ce contrastul scăzut al culorilor și etichetele ARIA lipsă se adaugă la scorurile lor totale.
Creatorii de site-uri web care trebuie să-și creeze scorurile de accesibilitate
Site | Activele totale ale site-ului | Erori de accesibilitate | Avertismente de accesibilitate | Procentul de site inaccesibil |
---|---|---|---|---|
WordPress | 1379 | 141 | 202 | 10,22% |
Squarespace | 686 | 64 | 66 | 9,33% |
Weebly | 377 | 32 | 31 | 8,49% |
Wix | 1054 | 38 | 88 | 3,61% |
Hai tăticu | 522 | 11 | 41 | 2,11% |
H&M, Nike și Nordstrom arată bine pentru accesibilitate
Site-urile de modă precum H&M, Nike și Nordstrom facilitează accesul utilizatorilor la produsele lor, cu site-uri concepute pentru a fi accesibile. H&M este unul dintre cei mai buni marcatori din întregul nostru raport – doar 0,38% din site-ul său este inaccesibil, iar asta se reduce în principal la câteva etichete ARIA lipsă.
Nike este, de asemenea, bun – doar 1,68% din site-ul său a picat testele noastre. Folosesc font negru pe un fundal deschis și pun text alternativ pe imaginile lor. Dacă și-ar rezolva butoanele „magazin”, ar avea un scor și mai mare. Numirea produsului în buton crește lizibilitatea și, de asemenea, este probabil să crească numărul de persoane care fac clic pe el.
Doar 2,13% din site-ul Nordstrom este inaccesibil, beneficiind din nou de un contrast bun de culoare și un aspect simplu.
ASOS nu este singurul infractor al accesibilității modei
În timp ce ASOS este site-ul cel mai puțin accesibil din întregul nostru sondaj, nu este singurul site de modă care a căzut de partea greșită a regulamentelor. 21,38% din site-ul său este inaccesibil, doar puțin mai rău decât Shein cu 16,12%. Site-ul european de modă are o pagină de pornire foarte aglomerată, ceea ce face dificil pentru utilizatori să găsească unde merg și greu de citit pentru oricine.
Numărul de ferestre pop-up este, de asemenea, o provocare. Cele mai bune cititoare de ecran se pot ocupa de ele, dar unele se vor bloca pe ele și vor împiedica clienții să răsfoiască oricare dintre produse.
Site-urile de modă nu sunt destul de accesibile
Site | Activele totale ale site-ului | Erori de accesibilitate | Avertismente de accesibilitate | Procentul de site inaccesibil |
---|---|---|---|---|
ASOS | 276 | 59 | 18 | 21,38% |
Ea în | 1656 | 267 | 115 | 16,12% |
Zara | 760 | 55 | 137 | 7,24% |
DECALAJ | 1405 | 67 | 109 | 4,77% |
Kohls | 1332 | 54 | 218 | 4,05% |
Macys | 440 | 11 | 55 | 2,50% |
Nordstrom | 750 | 16 | 80 | 2,13% |
Nike | 831 | 14 | 62 | 1,68% |
H&M | 794 | 3 | 160 | 0,38% |
Gmail este cel mai accesibil furnizor de e-mail
Căsuțele de e-mail ar trebui să fie destul de simple. Un fundal gol, titluri evidente și link-uri clare facilitează deschiderea și răspunsul la e-mailuri, mai ales dacă Gmail este furnizorul dvs. principal. Platforma de e-mail a Google are doar 3,17% funcții inaccesibile, majoritatea erorilor sale provenind prin etichetarea slabă ARIA, ceea ce face ca anumite elemente să nu fie clare dacă utilizați tehnologie de asistență.
Gmail a obținut un scor bun pentru contrastul culorilor și lizibilitatea. Textul negru pe fundal alb nu ar putea fi mai ușor de citit, iar o căsuță de e-mail neaglomerată face ca mesajele să fie ușor de navigat.
Doar bate live.com, al cărui site are 3,84% funcții inaccesibile. Aceasta este o îmbunătățire uriașă față de predecesorul Live, MSN Messenger, unde emoji-urile, textul cu bule și chaturile vibrante au făcut dificilă înțelegerea tuturor, cu excepția celor mai implicați adolescenți din anii 2000.
Yahoo are de lucru pentru a-și face site-ul accesibil
Unul dintre cei mai mari concurenți ai Gmail în industria e-mailului se dezamăgește când vine vorba de accesibilitate. 16,42% din căsuța lor de e-mail este imposibil de accesat pentru utilizatorii cu deficiențe, ceea ce înseamnă că multe e-mailuri vor rămâne nedeschise. Textul negru pe un fundal gri închis este greu de citit, textul peste imagini poate fi confuz, iar cantitatea uriașă de anunțuri care apar în timp ce încercați să accesați căsuța de e-mail ar putea cauza probleme reale unor cititoare de ecran.
Furnizorii de e-mail se dovedesc greu de citit
Site | Active individuale | Erori | Avertizări | Procentul de site inaccesibil |
---|---|---|---|---|
Yahoo | 67 | 11 | 3 | 16,42% |
Live.com | 365 | 14 | 72 | 3,84% |
Gmail | 3178 | 101 | 379 | 3,17% |
Cele mai frecvente probleme de accesibilitate
Unele probleme de accesibilitate apar mai des decât altele. Deși ar fi ideal dacă fiecare videoclip de pe fiecare site web ar avea limbajul semnelor, înțelegem că nu este ceva pentru care toată lumea va avea bugetul. Cu toate acestea, toate aceste probleme comune sunt ușor de rezolvat și ar putea ajuta afacerea dvs. să păstreze mai mulți clienți și să câștige mai mulți bani.
Contrastul culorilor
Când puneți text pe un fundal colorat, acesta trebuie să aibă un contrast suficient de mare pentru a ieși în evidență. O mulțime de site-uri cad în capcana alegerii stilului în locul funcției, punând fonturi colorate peste fundaluri colorate care riscă să devină invizibile.
Fără text alternativ pe imagini
Textul alternativ este pe care se bazează persoanele cu probleme vizuale când se uită la imagini. Este ceea ce cititorii lor de ecran vor citi pentru a descrie ceea ce arată imaginea, deci ar putea fi orice, de la „Pisică așezată pe cutie” până la „Rochie verde cu nasturi în mărimea 12”. Dacă nu utilizați text alternativ, milioane de oameni nu vor observa niciuna dintre imaginile dvs.
Lipsește textul de ancorare a linkului
Textul ancoră este textul în care se află un link. De exemplu, dacă dorim să trimitem un link către recenziile constructorului nostru de site-uri web, cuvintele „evaluări ale constructorului site-ului web” ar fi textul ancora. Dacă nu folosiți text ancora și, în schimb, puneți adresa URL completă în conținut, poate fi mai greu de citit pentru cititorii de ecran și pare mai puțin invitant pentru oameni să facă clic pe.
Text ancora nedescriptiv
Textul ancora ar trebui să spună ce se va obține făcând clic pe el sau unde vă va duce linkul. Acest lucru nu numai că construiește încredere, dar îmbunătățește și experiența utilizatorului. Dacă un link vă spune ce va face clic pe el, este mai probabil să faceți clic pe el.
Linkurile nedescriptive spun lucruri precum „aflați mai multe” sau „dați clic aici”. Dacă doar răsfoiți pagina și vedeți acele linkuri în afara contextului, nu veți înțelege pentru ce sunt și probabil că nu veți interacționa cu ele.
Prea multe link-uri de navigare
Un meniu derulant care dezvăluie câteva opțiuni diferite este modul în care navigăm prin majoritatea site-urilor web. Cu toate acestea, dacă meniul vă oferă prea multă alegere, poate fi imposibil să vă dați seama unde ar trebui să mergeți și pe ce ar trebui să faceți clic.
Gândiți-vă la asta ca la un meniu la un restaurant: un meniu clar și simplu vă va ușura comanda de mâncare. Un meniu cu sute de mese te va copleși și te va face să te îndoiești de cât de bună este mâncarea.
Etichete de formulare goale
Când completați un formular, vă ajută să știți ce ar trebui să fie în fiecare casetă. În mod normal, vedem acest lucru pe paginile de check-out atunci când oferiți unei companii adresa dvs. Dacă aceste formulare sunt lăsate goale, oricine cu dizabilități vizuale ar putea să nu știe ce informații să pună unde.
Time-out-urile nu pot fi oprite
O mulțime de site-uri web vă vor opri dacă nu finalizați comanda la timp. Este posibil să vedeți un ecran care spune „Ne pare rău, sesiunea dvs. a fost expirată”, lăsându-vă să începeți totul din nou.
Este enervant pentru toată lumea, dar mai ales dacă, în mod natural, îți ia mai mult să faci lucruri online. Oamenii care nu pot folosi mouse-ul sau care nu pot citi sau nu pot vedea vor dura mai mult pentru a efectua aceleași acțiuni, făcând time-out imposibil de depășit și site-uri imposibil de utilizat.
Vrei să te asiguri că site-ul tău web atrage mai multe persoane?
Comparăm cele mai bune instrumente de creare de site-uri web pentru a vă ajuta să creați un site care oferă rezultate. Indiferent dacă doriți un portofoliu creativ frumos sau o platformă de achiziție de produse pe mai multe niveluri, foarte sigură, vă putem ajuta să găsiți constructorul de site-uri web care va face treaba de care aveți nevoie.
Nu uitați să verificați sfaturile noastre de accesibilitate pentru a vă asigura că nu înstrăinați un miliard de oameni.
Metodologie
Studiul a folosit extensia Chrome „Arc Toolkit” pentru a verifica accesibilitatea a peste 150 de site-uri web. Instrumentul analizează activele individuale, erorile și avertismentele care sunt toate utilizate pentru a clasifica cât de accesibile sunt site-urile web. Pentru a menține studiul corect, ne-am bazat clasamentul pe procentul de erori ale paginii de start pentru a găsi cele mai multe și mai puțin accesibile site-uri web. Pentru rețelele de socializare și site-urile de divertisment care vă fac să vă conectați mai întâi, am examinat accesibilitatea paginilor de conectare și apoi am analizat paginile de start separat (feedurile) pentru a menține studiul consecvent cu celelalte sectoare care vă duc direct la pagina de pornire.
Disclaimer: Când se uită la fluxurile de socializare, nu tot ceea ce este postat de către persoane fizice poate fi controlat de site -urile de socializare, de aceea erorile ar putea fi mai mari pentru analiza profundă a scufundării. Cu toate acestea, aceste site-uri pot face un efort pentru a încuraja utilizatorii să adauge lucruri precum Alt-text la imaginile lor, făcând site-ul mai accesibil pentru toți. Raportul nostru a analizat atât paginile de pornire, cât și fluxurile, deoarece utilizatorii vor trebui să se conecteze înainte de a putea face orice altceva.
Cele mai populare site -uri web colectate de la date de către similarWeb. Găsiți sursele noastre de date aici.
Această postare a fost publicată inițial în noiembrie 2021 și a fost actualizată pe 3 mai 2022.