Cele mai accesibile site-uri de vânzare cu amănuntul pentru persoanele cu deficiențe de vedere

În Marea Britanie, peste 2 milioane de oameni trăiesc cu pierderea vederii și 3 milioane cu daltonism. În plus, 360.000 sunt înregistrați ca nevăzători sau cu vedere parțială.

A face site-ul dvs. accesibil persoanelor cu deficiențe de vedere nu îi ajută doar pe acești utilizatori, ci și pe afacerea dvs. Cinci milioane de cumpărători din Regatul Unit reprezintă o piață semnificativă pe care trebuie să pierdeți, mai ales atunci când multe probleme de accesibilitate sunt ușor de rezolvat.

Chiar și Google acordă acum mai multă importanță accesibilității site-urilor web. Chiar în această lună, au lansat o nouă actualizare a experienței de pagină, care ia în considerare (ai ghicit) experiența unui utilizator pe o pagină. Și dacă utilizatorii cu dizabilități au în mod regulat o experiență slabă, Google ar putea alege să clasifice un concurent mai performant.

La LCN, credem în puterea de a proiecta un site web având în vedere accesibilitatea. Și căutăm mereu să ne îmbunătățim propriile design pentru a oferi o experiență fără efort tuturor utilizatorilor noștri.

Având în vedere acest lucru, am dorit să efectuăm un mini audit de accesibilitate al primelor 50 de pagini de pornire de retail din Marea Britanie. Apoi am vrut să evidențiem câteva moduri în care aceste site-uri web ar putea funcționa mai bine pentru utilizatorii cu deficiențe de vedere.

Pentru aceasta, am apelat la două dintre principalele instrumente care sunt utilizate în mod regulat de evaluatorii de accesibilitate: Google Lighthouse și Wave by WebAim.

Primul dintre acestea oferă webmasterilor un scor de performanță de la 0 la 100. Acesta din urmă arată cum se pot îmbunătăți site-urile.

Cele mai (și mai puțin) site-uri de vânzare cu amănuntul accesibile în general

Paginile de pornire care oferă o experiență accesibilă ar trebui să depună eforturi pentru cel puțin 90-100 pe Google Lighthouse. Toate site-urile care au accesat acest lucru au scorul evidențiat în verde.

H&M se mândrește cu un scor perfect pentru pagina lor de pornire din Marea Britanie. Alte intrări notabile includ Laura Ashley, Beauty Bay, B&Q și Sainsbury's.

Pe de altă parte, dacă Google consideră că o pagină de pornire trebuie îmbunătățită, scorurile se situează de obicei între 50 și 89. Totuși, aceasta nu înseamnă neapărat că aceste pagini oferă o accesibilitate slabă.

Printre site-urile care ar putea fi îmbunătățite se numără Superdrug, Boots și Carphone Warehouse.

Un scor sub 50 reprezintă accesibilitate slabă. Doar un site are în prezent un scor sub 50 pe pagina sa de pornire: Halfords.

Wave by WebAim ne ajută să înțelegem căror dizabilități vizuale din anumite site-uri ar trebui să le acordăm o atenție suplimentară.

Cele mai (și mai puțin) site-uri accesibile pentru utilizatorii nevăzători

Daltonismul este una dintre cele mai frecvente deficiențe de vedere. Este, de asemenea, unul care este în mod obișnuit trecut cu vederea, deoarece poate fi înțeles prost de cei cu vedere obișnuită.

Conform orientărilor actuale privind accesibilitatea conținutului web (WCAG), pentru a trece de nivelul AA, site-urile ar trebui să depună eforturi pentru un raport de contrast de 4:5:1 pentru textul normal și 3:1 pentru textul mare. Pentru a trece de nivelul AAA, trebuie să existe un raport de contrast de 7:1 pentru textul normal și 4:5:1 pentru textul mare.

Textul mare este definit ca 14 puncte (de obicei 18,66 px) și aldine sau mai mare.

Pentru grafică, se recomandă să depuneți eforturi pentru un raport de contrast de 3:1.

Wave by WebAim identifică orice situație de pe o pagină de pornire care nu îndeplinește aceste rapoarte de contrast.

Șase dintre site-urile studiate în prezent nu au probleme. Dar, așa cum se vede mai jos, Superdrug are cele mai multe probleme de contrast de culoare care pot afecta utilizatorii daltonici:

Top 5 Cele mai puțin accesibile Top 5 Cele mai accesibile

Site de vânzare cu amănuntul	Erori de contrast de culoare
Superdrog	251
Wilko	86
Pur și simplu Fii	47
Nisbets	40
Magazinul de parfumuri	40

Site de vânzare cu amănuntul	Erori de contrast de culoare
Laura Ashley	0
Oază	0
Următorul	0
Space NK	0
Golf american	0
Dunelm	0

*NOTĂ: 6 site-uri sunt listate, deoarece toate sunt la egalitate pentru prima poziție

Am folosit un glisor interactiv pentru a arăta cum arată pagina de pornire actuală Superdrug, în comparație cu ceea ce ar trebui să arate pentru a trece regulile AAA la nivel WCAG.

Mai jos puteți vedea doar modificări minuscule de culoare aduse paginii de pornire a Superdrug care permit accesibilitatea pentru daltonii:

Trageți glisorul pentru a compara site-ul web actual și modificat pentru supermedicamente.

Având în vedere că erorile de contrast de culoare sunt adesea cauzate de o marjă mică, acest lucru înseamnă că site-urile le pot remedia, de obicei, fără o revizuire completă a site-ului lor.

Cele mai (și mai puțin) site-uri accesibile pentru utilizatorii de cititoare de ecran

Cititoarele de ecran permit celor cu pierdere a vederii să acceseze o versiune audio a unei pagini web, mai degrabă decât să o vadă. În acest fel, ei pot în continuare să navigheze, să acceseze conținut și să cumpere produse cu încredere.

Pentru a vă asigura că cititoarele de ecran funcționează eficient, site-urile web ar trebui să fie codificate cu precizie, fără elemente lipsă, goale sau duplicate.

În al doilea rând, puteți implementa elemente ARIA (Accesible Rich Internet Application) în HTML. Acestea vor ajuta cu orice tehnologie de citire de ecran de asistență, cum ar fi Apple VoiceOver, JAWS sau TalkBack.

Mai jos puteți vedea ce site-uri le-ar putea îmbunătăți experiența pentru utilizatorii de cititoare de ecran:

Boots în special are loc de îmbunătățire. În mare parte, acest lucru se reduce la faptul că site-ul său web a implementat incorect unele elemente ARIA în meniu. Aceasta înseamnă că atunci când utilizatorii de cititoare de ecran încearcă să navigheze în meniu, nu beneficiază de experiența completă pe care o obțin utilizatorii capabili vizual.

Cele mai (și mai puțin) site-uri accesibile pentru utilizatorii cu vedere parțială

Este posibil ca utilizatorii cu vedere parțială să poată accesa cu ușurință majoritatea site-ului dvs. Dar problemele încep să apară atunci când includeți scenarii de text mic.

Un scenariu de text mic este definit ca orice text cu dimensiunea de 10 pixeli sau mai mic.

Majoritatea site-urilor au avut rezultate foarte bune aici. 36% din toate paginile de pornire analizate au avut zero scenarii de text mic , acestea includ:

• curry
• Halfords
• JD Sports
• Magazinul de parfumuri
• Cicluri de reacție în lanț
• Superdrog
• Asos
• Debenhams
• Argos
• Asda
• Tesco
• Holland & Barrett
• John Lewis
• Waitrose
• America Golf
• Golful Frumuseții
• Dunelm
• B&Q
• Sainsbury's

Următoarele site-uri au avut mici scenarii de text pe paginile lor de pornire, care pot fi dificil de citit pentru utilizatorii cu probleme de vedere:

Carphone Warehouse a postat cea mai mare cantitate de probleme de text mici în momentul analizei (32). Am făcut câteva capturi de ecran ale meniului lor înainte de îmbunătățiri. Aici, au inclus o etichetă „Nou”, lângă unele opțiuni de meniu. Acest text este probabil prea mic pentru a fi citit de utilizatorii cu probleme de vedere.

Prin creșterea dimensiunii etichetei „Nou” la peste 10 pixeli, Carphone Warehouse ar avea un meniu complet accesibil pentru utilizatorii cu vedere parțială.

Concluzie și constatări cheie

Există întotdeauna elemente de îmbunătățit când vine vorba de accesibilitatea site-ului web. Vă recomandăm să vă acordați timp pentru a vă uita la pagina dvs. de pornire pentru a vă asigura că este complet accesibilă pentru cei cu deficiențe de vedere.

Google Lighthouse oferă un scor inițial de performanță – care acționează ca un punct de referință util pentru recenziile în curs de desfășurare a site-urilor web – în timp ce Wave by WebAim identifică exact unde ați putea greși.

Pagina principală este și va fi întotdeauna cea mai importantă pagină a ta – este prima pagină pe care vor ajunge majoritatea utilizatorilor. Deci, trebuie să acordați prioritate efectuării modificărilor aici. Odată ce ai resursele, pot fi analizate și alte zone ale site-ului tău.

Pentru a rezuma, acestea sunt principalele constatări:

• H&M este cel mai accesibil site de vânzare cu amănuntul pentru utilizatorii cu deficiențe de vedere.
  • Halfords este cel mai puțin accesibil site de vânzare cu amănuntul pentru utilizatorii cu deficiențe de vedere.
• Toate Laura Ashley, Oasis, Space NK, American Golf, Dunelm și Next oferă opțiuni accesibile utilizatorilor daltonici.
  • Superdrug are cele mai multe probleme de pagină de pornire pentru utilizatorii daltonici.
• B&Q și Sainsbury's au cele mai puține probleme pentru cei care folosesc un cititor de ecran.
  • Boots are cele mai multe probleme legate de pagina de pornire pentru cei care folosesc un cititor de ecran.
• 38% dintre paginile de pornire cu amănuntul de top nu au probleme pentru cei cu pierdere ușoară a vederii.
  • Carphone Warehouse are cele mai multe probleme de pagină de pornire pentru cei cu pierdere ușoară a vederii

Majoritatea paginilor de pornire au nevoie doar de modificări minore pentru a-și îmbunătăți scorul Google Lighthouse. După aceasta, mai mulți oameni vă pot accesa pe deplin site-ul, crescând șansele dvs. de a genera conversii pentru produsele și serviciile dvs.

Pentru mai multe informații despre cum vă puteți face site-ul web mai accesibil, vă rugăm să consultați Ghidul de accesibilitate a conținutului web (WCAG).

Metodologie

Am ales să analizăm doar paginile de pornire, deoarece aceasta este și ar trebui să fie întotdeauna cea mai importantă pagină de pe orice site web. Cu toate acestea, de la început, am știut că accesibilitatea ar trebui să se extindă dincolo de pagina de pornire. Deci, clasamentele noastre ar putea să nu reprezinte imaginea completă.

Google Lighthouse și Wave de WebAim au fost folosite pentru a audita toate site-urile.

Scorul Google Lighthouse de la 0 la 100 a fost folosit pentru a clasifica site-urile în general pentru accesibilitate numai pe mobil.

Pentru a clasifica site-urile în funcție de accesibilitatea lor pentru utilizatorii nevăzători de culoare, erorile de contrast de culoare au fost identificate folosind Wave by WebAim. În timp ce Color Contrast Checker a fost folosit pentru a identifica ce ar putea face Superdrug pentru a trece WGAG.

Pentru a clasifica site-urile în funcție de accesibilitatea lor pentru utilizatorii cititorului de ecran, toate erorile legate de elementele lipsă, goale sau duplicate au fost totalizate, alături de orice elemente ARIA sparte.

Pentru a clasa site-urile în funcție de accesibilitatea lor pentru persoanele cu vederi parțial, au fost numărate toate alertele text mici.