I siti web più accessibili al mondo

Per molti di noi, Internet è ovvio. Sai dove guardare, su cosa fare clic e come funziona il tutto, indipendentemente dal costruttore di siti Web o dal CMS che ha creato ciò che stai guardando. Ma cosa succederebbe se tu fossi una del miliardo di persone con disabilità in tutto il mondo, per le quali Internet è molto più difficile da capire?

Alcune disabilità rendono Internet un luogo più confuso, ed è qui che entra in gioco l'accessibilità.

Abbiamo esaminato alcuni dei siti Web più famosi al mondo per scoprire quali hanno superato i test di accessibilità e quali hanno ancora molto lavoro da fare.

Perché l’accessibilità è importante?

L’accessibilità del web riguarda tutti noi , in modi di cui forse non ci rendiamo nemmeno conto. Non solo rende Internet un luogo più fruibile per il miliardo di persone in tutto il mondo che dipendono da esso, ma lo rende anche migliore per tutti gli altri.

Rende il testo facile da leggere senza che dobbiamo strizzare gli occhi. Rende ovvio come completare un ordine e come fare clic su un collegamento e significa che possiamo guardare i nostri telefoni come prima cosa al mattino e capire comunque cosa sta succedendo.

Per le persone con esigenze specifiche di accessibilità, potrebbe fare la differenza tra spendere soldi su un sito web o scegliere di andare altrove. Quindi per i brand, non solo è importante perché migliora il sito web, ma è importante perché potrebbe costare loro dei soldi.

Nel solo Regno Unito, l’importo perso a causa di siti web inaccessibili – noto come “click-away pound” – è stato di 11,75 miliardi di sterline nel 2020. Si tratta di miliardi che l’economia potrebbe guadagnare, se solo le aziende apportassero alcune semplici modifiche per portare i propri siti al livello giusto. standard.

Come viene valutata l'accessibilità?

L'accessibilità del Web è classificata rispetto alle Linee guida per l'accessibilità dei contenuti Web o WCAG. Le loro attuali linee guida, WCAG 2.2, dicono ai proprietari del web cosa devono fare per rendere i loro contenuti utilizzabili per chiunque possa trovarli.

Assegnano un punteggio ai siti in tre diverse categorie:

A – Gli standard minimi di accessibilità.

Puoi navigare nel sito con la tastiera, non ti caccerà in nessuna trappola, i video hanno tutti didascalie e nessun significato è trasmesso da forma, dimensione o colore.

AA – Accessibilità accettabile, qualcosa a cui i siti dovrebbero aspirare.

Il contrasto dei colori deve essere a un livello più alto, le immagini necessitano di testo alternativo che indichi agli utenti non vedenti cosa c'è dentro, la navigazione sarà chiara e i titoli spiegheranno di cosa parla il contenuto sottostante.

AAA – I più alti livelli di accessibilità.

Il contrasto dei colori deve essere quasi nero su bianco, i video richiedono il linguaggio dei segni, non verrai mai interrotto in un ordine e le descrizioni comandi sono presenti ogni volta che lo scopo del contenuto deve essere spiegato.

Il rapporto sull’accessibilità del sito web – chi fa il voto?

Abbiamo eseguito test di accessibilità – di cui potrete scoprire di più alla fine di questo rapporto – su 200 dei siti web più famosi al mondo. Questi test hanno esaminato tutto, dal contrasto dei colori alle aree focalizzabili, dandoci un punteggio totale delle risorse del sito e quante di queste hanno fallito.

Abbiamo utilizzato questo punteggio per determinare quale percentuale del sito era inaccessibile agli utenti con qualsiasi tipo di disabilità.

Naturalmente, non tutte le menomazioni richiedono un’ulteriore accessibilità. Ad esempio, gli utenti su sedia a rotelle non avranno bisogno di utilizzare lettori di schermo. E mentre tutti traggono vantaggio dai siti web accessibili, alcuni utenti di Internet ne hanno più bisogno degli altri. Ecco alcuni esempi:

Cecità

Questo è forse il problema più evidente a cui pensano le persone quando si parla di contenuti accessibili. Gli utenti non vedenti non possono leggere ciò che scriviamo, quindi si affidano a uno screen reader che lo faccia per loro. È anche improbabile che utilizzino il mouse, invece di sfogliare i contenuti.

Utenti con patologie cerebrali

Le persone che vivono con malattie come la malattia dei motoneuroni e il morbo di Parkinson soffrono di tremori muscolari, contrazioni e rigidità. Potrebbero trovare impossibile utilizzare il mouse o fare clic sui contenuti e potrebbero invece utilizzare una bacchetta magica per navigare nei siti. Una bacchetta per la testa è un dispositivo che viene indossato intorno alla testa, con un lungo bastone utilizzato per toccare la tastiera al posto delle dita.

Difficoltà di apprendimento

Le difficoltà di apprendimento come la dislessia o le neuro diversità come l'autismo possono rendere i contenuti molto difficili da leggere. Le lettere potrebbero confondersi, le parole potrebbero spostarsi e i lunghi casi di contenuto potrebbero causare mal di testa o frustrazione.

Sordità

Le persone sorde non saranno in grado di ascoltare alcun contenuto video e spesso i giovani sordi hanno difficoltà a leggere. Sui video saranno richiesti i sottotitoli o il linguaggio dei segni e il linguaggio dovrà essere mantenuto semplice.

Internet attraverso gli occhi degli altri utenti

Una buona accessibilità non solo può far funzionare meglio il tuo sito web, ma può anche farlo apparire migliore per le persone che interagiscono con esso in modo diverso. Abbiamo simulato come apparirebbero alcuni dei siti più famosi al mondo se visti da persone con disabilità visive, facendoti capire quanto sia importante l'accessibilità.

La visione a tunnel fa esattamente quello che ti aspetteresti: fa sì che le persone vedano le cose come se guardassero attraverso un tunnel. Su Amazon, questo renderebbe un'enorme quantità di prodotti completamente invisibili e renderebbe come se i menu laterali semplicemente non fossero presenti.

La dislessia renderebbe illeggibile gran parte di Google. Può rendere la lettura, la scrittura e l'ortografia una sfida, facendo sembrare le lettere confuse e prive di senso. Su un sito come Google, dove il testo costituisce la maggior parte della piattaforma, ciò sarebbe particolarmente problematico.

La cecità colpisce 2,2 miliardi di persone in tutto il mondo e farebbe apparire Netflix così. La riga che puoi vedere illustra l'ordine di tabulazione – come le persone navigherebbero nel sito con il tasto tab – mentre le caselle di immagine vuote sono tutte le persone che vedrebbero se non fosse per il testo alternativo. L'ordine di tabulazione termina in fondo alla pagina, impedendo agli utenti di tornare all'inizio. Non vuoi guardare Squid Game? Che sfortuna.

Il daltonismo può presentarsi in molte forme, influenzando colori diversi per persone diverse. Anche se su alcuni siti potrebbe semplicemente far sembrare le cose un po' diverse, se mai dovessi usare il colore per trasmettere un significato, tutto quel significato verrebbe cancellato. Potremmo essere in grado di vedere che un pulsante verde significa registrazione e un pulsante rosso significa annullare, ma non sarebbe così chiaro a tutti.

La cataratta rende Internet un’esperienza molto più sfocata. Il testo può diventare poco chiaro e causare mal di testa alle persone, motivo per cui livelli elevati di contrasto cromatico sono così importanti. Su un sito come Twitter, la cataratta potrebbe far sì che le persone continuino a scorrere senza riuscire a interagire.

I siti web più accessibili

L’Istituto Superiore di Sanità ha il sito web più accessibile

Punteggio di accessibilità: AAA

Secondo il nostro rapporto, il National Institute of Health (NIH), l'ente nazionale che ogni anno investe miliardi nell'assistenza sanitaria americana, ha il sito web più accessibile su Internet. Solo lo 0,18% del sito è inaccessibile, rendendolo una risorsa fantastica per le persone che vi fanno affidamento.

Dato il pubblico che i siti web sanitari attirano, è fondamentale che i loro contenuti siano accessibili a tutti. L'NIH raggiunge questo obiettivo con un elevato contrasto cromatico tra testo e sfondo, collegamenti descrittivi che ti dicono cosa si otterrà facendo clic su di essi e una navigazione chiara e coerente che rende il sito facile da esplorare.

L'unico errore riscontrato dai nostri test è stato un singolo caso di "lingua specificata non valida", che è un errore di codifica che potrebbe occasionalmente far scattare gli screen reader. Tuttavia, poiché appare solo una volta nell'intero sito, è improbabile che influisca sulle prestazioni complessive.

Il sito web del Centro per il controllo e la prevenzione delle malattie è accessibile al 99,82%.

Punteggio di accessibilità: AAA

Anche un altro sito web sanitario governativo ottiene punteggi molto alti in termini di accessibilità. Il Centro per il controllo e la prevenzione delle malattie (CDC) ha solo lo 0,18% del suo sito web inaccessibile agli utenti, il che rende l'esperienza utente chiara per tutti i suoi visitatori.

Proprio come il NIH, questo è un altro sito web il cui pubblico target include probabilmente persone con disabilità, rendendo i contenuti accessibili vitali. Il suo design chiaro e lo sfondo bianco eliminano ogni rischio di basso contrasto cromatico e semplificano anche la navigazione. Gli elementi sono disposti nel modo in cui gli utenti si aspetterebbero, tutte le immagini contengono testo alternativo e i collegamenti sono descrittivi.

Cade al secondo posto solo a causa degli avvertimenti sulla presenza di collegamenti nei titoli, che potrebbero renderli leggermente più difficili da trovare per le persone.

Il sito web del governo britannico è il terzo più accessibile al mondo

Punteggio di accessibilità: AAA

Si ritiene che il team dietro gov.uk, il sito web principale del governo britannico, abbia inventato il termine content design, quindi è logico che il loro sito web funzioni così bene. La progettazione dei contenuti riguarda il modo in cui gli utenti navigano attraverso i contenuti, inserendo le cose dove le persone si aspettano che siano facili da trovare. È chiaro che questo è quello che è successo con gov.uk. Il sito web ha solo lo 0,20% di funzionalità inaccessibili, con enormi quantità di contenuti approfonditi ben strutturati e facili da esplorare. Ancora una volta, uno sfondo bianco con testo nero e blu scuro crea un ottimo contrasto cromatico, mentre i collegamenti descrittivi sono disponibili in abbondanza.

I siti web meno accessibili

A differenza dei siti accessibili, nessuno di questi ha ottenuto alcun punteggio di accessibilità. Tutti hanno fallito contro le WCAG, lasciando loro molto lavoro da fare.

ASOS ha il sito web meno accessibile

Punteggio di accessibilità: nessuno

Se stai cercando moda veloce, ASOS ne ha più di molti altri. Tuttavia, se soffri di qualsiasi tipo di disabilità o menomazione, ci sono buone probabilità che non sarai in grado di acquistare nulla. Uno sconcertante 21,38% del loro sito web è inaccessibile, con errori come scarso contrasto cromatico, testo sopra le immagini ed etichette ARIA (​​Accessible Rich Internet Applications) mancanti che rendono l'esperienza difficile per tutti gli appassionati di moda disabili.

Le etichette mancanti rappresentano la maggior parte dei problemi del sito. Le etichette non vengono visualizzate dalla maggior parte degli utenti, ma consentono l'accesso a elementi come popup ed elementi interattivi a chiunque utilizzi tecnologie assistive. Ad esempio, mostreranno un banner di vendita o un modulo di iscrizione al concorso.

Al momento ASOS non ne offre abbastanza, alienando milioni di potenziali clienti.

Aggiornamento del 3 maggio 2022 – Dopo la pubblicazione del nostro studio, ASOS ha risposto al nostro rapporto e ha apportato miglioramenti al proprio sito web. Dopo che il nostro team ha rivalutato la home page di ASOS.com, abbiamo riscontrato punteggi di accessibilità molto migliori.

Ecco come appaiono i loro nuovi punteggi 2022:

Il 20,66% della pagina di login di Instagram è inaccessibile​​

Punteggio di accessibilità: nessuno

Nonostante sia un sito abbastanza semplice con contenuti minimi, Instagram è il secondo sito meno accessibile su Internet, e questo ancora prima che tu effettui l'accesso. La loro pagina di accesso ha problemi a causa della mancanza di testo alternativo, mentre il cambiamento delle immagini significa che hanno poco controllo su come appare il testo quando sovrapposto.

Il 13,6% del feed di Instagram non può essere letto

Una volta entrato nell'app, Instagram continua a lottare. Dato che si tratta per lo più di contenuti generati dagli utenti, molte immagini appaiono senza testo alternativo e le storie vengono caricate con testo in movimento sopra le immagini: entrambi un incubo per l'accessibilità.

Tuttavia, ci sono molti problemi che Instagram può risolvere da solo. Il basso contrasto tra il carattere del sito e il suo sfondo grigio chiaro lo rende in gran parte illeggibile, mentre le etichette ARIA mancanti impediscono agli utenti di vedere i pulsanti di riproduzione e il caricamento di nuove storie.

La pagina di accesso di Telegram fallisce il 20,29% dei test di accessibilità

Credito immagine: LoboStudioHamburg (Pixabay)

Punteggio di accessibilità: nessuno

Telegram si classifica come la piattaforma di social media per conversazioni gratuite, attirando coloro che si sentono trascurati dai canali regolari. Tuttavia, se vuole attirare chiunque abbia problemi di vista, ha del lavoro da fare. Il basso contrasto cromatico sulla pagina di accesso è il suo problema principale, rendendo difficile l'accesso per chiunque non abbia una visione 20/20.

L'11,11% del feed di Telegram è inaccessibile

Una volta che sei nell'app, avrai difficoltà con le immagini se sei ipovedente. Non contengono testo alternativo, quindi eventuali utenti non vedenti non ne coglieranno il significato. Anche lo zoom è disabilitato, impedendo a chiunque di ingrandire i caratteri piccoli se ha bisogno di vedere le cose da vicino.

I siti più e meno accessibili nei diversi settori

Abbiamo esaminato i siti Web di moda, banche, e-commerce, intrattenimento e, ovviamente, costruttori di siti Web, per scoprire chi sono i migliori e i peggiori in termini di accessibilità. Alcuni grandi nomi hanno alcuni problemi abbastanza grandi che devono essere risolti.

LinkedIn è la piattaforma di social media più accessibile

LinkedIn non è solo un buon posto per trovare lavoro, ma è anche un ottimo posto se utilizzi tecnologie assistive. Solo lo 0,34% della schermata di accesso del sito è inaccessibile, poiché i collegamenti descrittivi, l'ottimo contrasto cromatico e il layout semplice rendono la pagina facile da spostare.

Una volta effettuato l'accesso, l'accessibilità è (quasi) altrettanto buona. Solo il 2,94% del feed non supera i test di accessibilità, poiché il design chiaro e la navigazione coerente lo rendono un sito facile da navigare. Puoi anche aggiungere testo alternativo alle immagini e ai documenti che carichi, dimostrando che LinkedIn prende davvero sul serio l'accessibilità.

LinkedIn batte di poco Pinterest al primo posto. Solo lo 0,95% della pagina di accesso della piattaforma di condivisione di immagini è inaccessibile e il 3,19% del feed principale, il che è comunque un ottimo punteggio considerando la quantità di contenuti generati dagli utenti presenti sul sito.

Al terzo posto con il 3,76% c'è Reddit. Ma mentre la loro pagina di accesso ottiene buoni risultati, il loro forum vero e proprio è piatto. Il 13,98% di questi è inaccessibile, con contenuti generati dagli utenti, meme, GIF e altro che lo rendono un campo minato su cui aggirare la tecnologia assistiva.

Instagram, Telegram e Facebook non rispettano le regole di accessibilità

Instagram è la piattaforma di social media meno accessibile a cui accedere. L'app basata su immagini ha problemi con la leggibilità del testo e il testo alternativo opzionale sulle immagini, lasciando il 20,66% della pagina di accesso inutilizzabile per 2,2 miliardi di persone ipovedenti in tutto il mondo. Il feed è leggermente migliore, ma con il 13,6% inaccessibile lascia ancora molto a desiderare.

Telegram, l'app di messaggistica, è penultima, con il 20,29% della schermata di accesso e l'11,11% del feed inaccessibile, lasciando Facebook a occupare l'ultimo posto sul podio illeggibile. Nonostante sia la più grande piattaforma di social media al mondo, con 467 milioni di visite ogni mese, il 16,14% della sua schermata iniziale è inaccessibile. Sebbene il feed vero e proprio sia molto migliore (solo il 2,37% fallisce), se non riesci ad accedere, non potrai mai godertelo.

Il carattere del sito – testo bianco su sfondo blu – è solo l'inizio dei suoi problemi. Non soddisfa i requisiti minimi per il contrasto dei colori, non impone il testo alternativo sui caricamenti di immagini e presenta diverse etichette ARIA mancanti che rendono difficile la navigazione ad alcuni utenti.

Le piattaforme di social media con i maggiori problemi di accessibilità

Amazon Prime Video è il sito di intrattenimento più accessibile

Non solo i siti di intrattenimento necessitano di sottotitoli e descrizioni audio per rendere accessibili i loro contenuti, ma devono anche garantire che gli spettacoli siano facili da trovare e riprodurre. Amazon Prime Video lo fa meglio di chiunque altro, poiché solo lo 0,72% della pagina di accesso – e lo 0,59% del sito principale – è inaccessibile. Utilizza un ordine di tabulazione chiaro per consentire agli utenti di navigare attraverso ogni sezione, caratteri chiari su sfondo scuro e collegamenti descrittivi.

Batte la concorrenza di HBO Max – 1,4% per la pagina di accesso e 1,35% per il sito principale inaccessibile – e di Twitch, il sito di streaming di giochi, che ottiene un punteggio dell'1,4% per la pagina di accesso e del 2,19% per il sito principale. Netflix, uno dei principali rivali di Prime Video nello spazio dell'intrattenimento, torna in qualche modo indietro. Mentre la sua pagina di accesso funziona molto bene, con solo lo 0,27% che non supera i test, l'1,79% del suo sito principale non passa.

SoundCloud è il sito di intrattenimento meno accessibile al mondo

Anche se SoundCloud ti consente di ascoltare musica gratuitamente, ha un costo per gli utenti disabili. Il 31,42% della pagina di accesso del sito è inaccessibile, soffrendo di 66 istanze di testo utilizzate su un'immagine di sfondo, rendendone difficile la lettura. Mancano anche le etichette ARIA, gli ID dei moduli e i collegamenti descrittivi, che non saranno musica per le orecchie di nessuno. Le cose non migliorano molto una volta effettuato l'accesso, poiché il 14,92% dei contenuti rimane fuori portata.

Steam è il secondo nella classifica dei libri cattivi. Il sito consente agli utenti di giocare online, ma senza testo alternativo sulle immagini, testo su immagini di sfondo e numerosi problemi di formattazione del testo, è necessario prendere l'accessibilità un po' più sul serio: il 12,90% della home page e il 9,53% dei contenuti sono attualmente vietato.

Roblox arriva terzo. Il gioco online è ottimo per i bambini, a meno che questi bambini non abbiano determinate disabilità. Il 6,29% della pagina di accesso del sito è inaccessibile, in particolare i suoi moduli privi di etichette o suggerimenti. Senza le etichette dei moduli, gli utenti ipovedenti non sapranno quali informazioni inserire e dove, il che significa che non potranno unirsi al divertimento. Anche se il sito principale migliora drasticamente con un punteggio dell'1,13%, tutto il contenuto viene sprecato per gli utenti che non riescono mai ad accedervi.

I siti di intrattenimento con problemi di accessibilità

L'accessibilità di Amazon è all'avanguardia nel commercio elettronico

Il sito di vendita al dettaglio di Amazon è il più accessibile sul mercato, poiché solo lo 0,84% non ha superato i nostri test. Il sito beneficia di uno sfondo bianco e testo scuro, offrendo allo stesso tempo tutta una serie di collegamenti e menu descrittivi su cui gli utenti possono fare clic. Anche il percorso dell'utente è incredibilmente efficiente, consentendo alle persone di aggiungere articoli al carrello ed effettuare il checkout velocemente, evitando il rischio di timeout eccessivamente affrettati.

Dunelm è il secondo sito di e-commerce più accessibile. Solo l'1,01% del sito del rivenditore di mobili è inaccessibile, rendendo il viaggio dell'utente altrettanto confortevole quanto i prodotti venduti. Anche se il sito utilizza testo sopra le immagini, lo evidenzia in modo chiaro, consentendogli di fornire funzionalità accessibili senza sacrificare alcuno stile.

Xfinity è al terzo posto nella nostra lista. Il sito del provider Internet è inaccessibile solo per l'1,08% e offre uno sfondo bianco e nitido su cui vivere tutti i suoi contenuti.

Smyths Toys è il sito di e-commerce meno accessibile

Con un mix di caratteri bianchi su sfondo azzurro, pulsanti non descrittivi e dimensioni dei caratteri variabili, non sorprende che il sito di Smyths Toys sia inaccessibile al 18,80%. I pulsanti che dicono "acquista ora" non hanno alcun significato fuori contesto, quindi è improbabile che chiunque scorra il contenuto si fermi e faccia clic su di essi.

Unsplash è il secondo peggiore. Il 15,56% del suo sito è inaccessibile, un problema aggravato dall'enorme quantità di immagini senza testo alternativo. La piattaforma è il luogo ideale in cui fotografi e designer possono condividere il proprio lavoro, ma il testo sopra le immagini e un ordine di tabulazione confuso rendono questa esperienza negativa per gli utenti con problemi.

Halfords prende il terzo posto indesiderato. Sebbene il sito possa essere un posto fantastico per le parti di automobili, è un brutto posto per il contrasto dei colori, conferendogli un punteggio inaccessibile del 9,56%.

I migliori e i peggiori siti di e-commerce per l'accessibilità

Il giovedì è ottimo per gli appuntamenti accessibili

Se stai cercando l'amore con una disabilità, giovedì potrebbe essere l'app di appuntamenti adatta a te. Tuttavia, nessun sito di incontri ottiene punteggi particolarmente buoni. Il 6,50% di giovedì è inaccessibile, punteggio che potrebbe essere migliorato rimuovendo il testo dalle immagini e aumentando il contrasto cromatico.

Tinder arriva secondo con un punteggio del 6,77%. Il carattere grigio scuro su uno sfondo grigio chiaro non porterà mai a un sito molto accessibile, ma a parte questo, va bene. Un tentativo di scorrere direttamente da noi.

Al terzo posto, con l'8,27% dei siti inaccessibili, c'è Grindr. È un sito giallo brillante con testo nero in grassetto, che lo rende altamente leggibile e facile da interagire.

Il 14,34% di Bumble è inaccessibile

Anche se Bumble potrebbe aver rivoluzionato la scena degli appuntamenti su Internet, creando un'app in cui solo le donne possono parlare per prime, c'è ancora molta strada da fare prima di avere una piattaforma veramente accessibile. Allo stato attuale, il 14,35% del suo sito è inutilizzabile per chiunque abbia disabilità. Manca di collegamenti e pulsanti descrittivi e, peggio di tutto, utilizza caratteri bianchi su sfondo giallo.

È difficile da leggere anche con una vista perfetta.

Solo leggermente migliore, con il 13,93% del suo sito inaccessibile, è eHarmony. Uno dei siti di incontri originali è ancora un po' indietro rispetto ai tempi quando si tratta di contenuti accessibili, con il testo sopra le immagini in movimento che è un incubo da leggere. Inoltre, il carattere minuscolo e grigio chiaro non rende le cose molto più semplici.

I siti di incontri che hanno incontrato la loro corrispondenza accessibile

GoDaddy è il miglior costruttore di siti Web per l'accessibilità del suo sito

Passiamo ora al nostro argomento specialistico, i costruttori di siti web. GoDaddy è sicuramente uno dei più grandi e, quando si tratta dell'accessibilità del suo sito web, è anche il migliore. Solo il 2,11% del suo sito è inaccessibile, il che lo rende più facile da usare rispetto a Wix, con il 3,61%, e Weebly, con l'8,49%.

Tutti questi siti offrono una buona usabilità e una navigazione chiara, rendendo facile per i clienti navigare nei loro servizi qualunque sia il loro livello di abilità.

WordPress e Squarespace sono i costruttori di siti Web meno accessibili

Nonostante siano due dei principali attori del mercato, sia WordPress (10,22%) che Squarespace (9,33%) hanno difficoltà con l’accessibilità. Entrambi presentano problemi di messa a fuoco dell'area, che consente agli utenti ipovedenti di ingrandire le sezioni e leggere i contenuti da vicino. Può anche aiutare le persone che non possono utilizzare il mouse a rimanere sui contenuti abbastanza a lungo da poterli leggere.

Su entrambi questi siti, la messa a fuoco è un problema, mentre il basso contrasto cromatico e le etichette ARIA mancanti si aggiungono ai punteggi totali.

I costruttori di siti Web che devono creare i propri punteggi di accessibilità

H&M, Nike e Nordstrom sembrano tutti buoni per l'accessibilità

Siti di moda come H&M, Nike e Nordstrom facilitano l'accesso degli utenti ai loro prodotti, con siti progettati per essere accessibili. H&M è uno dei migliori punteggi del nostro intero rapporto: solo lo 0,38% del suo sito è inaccessibile e ciò è dovuto principalmente a un paio di etichette ARIA mancanti.

Anche Nike è buona: solo l’1,68% del suo sito non ha superato i nostri test. Usano caratteri neri su uno sfondo chiaro e inseriscono testo alternativo sulle loro immagini. Se sistemassero i pulsanti "negozio", otterrebbero un punteggio ancora più alto. Dare un nome al prodotto nel pulsante aumenta la leggibilità ed è probabile che aumenti anche il numero di persone che lo cliccano.

Solo il 2,13% del sito web di Nordstrom è inaccessibile, beneficiando ancora una volta di un buon contrasto cromatico e di un layout semplice.

ASOS non è l'unico trasgressore dell'accessibilità della moda

Sebbene ASOS sia il sito web meno accessibile dell'intero sondaggio, non è l'unico sito di moda a cadere dalla parte sbagliata delle normative. Il 21,38% del suo sito è inaccessibile, solo leggermente peggio di Shein con il 16,12%. Il sito di moda europeo ha una homepage molto affollata, il che rende difficile per gli utenti trovare dove stanno andando e difficile per chiunque leggerla.

Anche la quantità di pop-up è impegnativa. I migliori lettori di schermo possono gestirli, ma alcuni vi rimarranno bloccati e impediranno ai clienti di sfogliare qualsiasi prodotto.

I siti di moda non si adattano bene all'accessibilità

Gmail è il provider di posta elettronica più accessibile

Le caselle di posta elettronica dovrebbero essere abbastanza semplici. Uno sfondo bianco, titoli evidenti e collegamenti chiari facilitano l'apertura e la risposta alle e-mail, soprattutto se Gmail è il tuo provider principale. La piattaforma di posta di Google ha solo il 3,17% di funzionalità inaccessibili, con la maggior parte degli errori derivanti da una scarsa etichettatura ARIA, che rende alcuni elementi poco chiari se si utilizza la tecnologia assistiva.

Gmail ha ottenuto buoni risultati per contrasto cromatico e leggibilità. Il testo nero su sfondo bianco non potrebbe essere più facile da leggere e una casella di posta ordinata semplifica la navigazione dei messaggi.

Batte semplicemente live.com, il cui sito ha il 3,84% di funzionalità inaccessibili. Si tratta di un enorme miglioramento rispetto al predecessore di Live, MSN Messenger, in cui emoji, fumetti e chat vibranti rendevano difficile la comprensione a tutti, tranne che agli adolescenti più impegnati degli anni 2000.

Yahoo ha del lavoro da fare per rendere il suo sito accessibile

Uno dei maggiori concorrenti di Gmail nel settore della posta elettronica delude quando si tratta di accessibilità. Il 16,42% della loro casella di posta elettronica non è accessibile agli utenti con problemi, il che significa che molte e-mail rimarranno non aperte. Il testo nero su sfondo grigio scuro è difficile da leggere, il testo sopra le immagini può creare confusione e l'enorme quantità di annunci pubblicitari che compaiono mentre provi ad accedere alla tua casella di posta potrebbe causare seri problemi ad alcuni screen reader.

I provider di posta elettronica si rivelano difficili da leggere

I problemi di accessibilità più comuni

Alcuni problemi di accessibilità si manifestano più spesso di altri. Anche se sarebbe l'ideale se ogni video su ogni sito web avesse il linguaggio dei segni, comprendiamo che non è qualcosa per cui tutti avranno il budget. Tuttavia, tutti questi problemi comuni sono facili da risolvere e potrebbero aiutare la tua azienda a mantenere più clienti e a guadagnare di più.

Contrasto di colore

Quando si inserisce il testo su uno sfondo colorato, è necessario che abbia un contrasto sufficientemente elevato per risaltare. Molti siti cadono nella trappola di preferire lo stile alla funzione, inserendo caratteri colorati su sfondi colorati che corrono il rischio di diventare invisibili.

Nessun testo alternativo sulle immagini

Il testo alternativo è ciò su cui fanno affidamento le persone con problemi visivi quando guardano le immagini. È ciò che i lettori dello schermo leggeranno per descrivere ciò che mostra l'immagine, quindi potrebbe essere qualsiasi cosa, da "Gatto seduto su una scatola" fino a "Vestito verde abbottonato taglia 42". Se non utilizzi il testo alternativo, milioni di persone non noteranno nessuna delle tue immagini.

Testo di ancoraggio del collegamento mancante

L'anchor text è il testo in cui risiede un collegamento. Ad esempio, se volessimo collegarci alle recensioni del nostro costruttore di siti web, le parole "recensioni dei costruttori di siti web" sarebbero il testo di ancoraggio. Se non utilizzi il testo di ancoraggio e invece inserisci semplicemente l'URL completo nel tuo contenuto, può essere più difficile da leggere per gli screen reader e sembra meno invitante per le persone a cui fare clic.

Testo di ancoraggio non descrittivo

Il testo di ancoraggio dovrebbe indicare cosa si otterrà facendo clic su di esso o dove ti porterà il collegamento. Ciò non solo crea fiducia, ma migliora anche l’esperienza dell’utente. Se un collegamento ti dice cosa farà facendo clic su di esso, è più probabile che tu lo faccia clic.

I link non descrittivi dicono cose come "ulteriori informazioni" o "fai clic qui". Se stai semplicemente scorrendo la pagina e vedi quei link fuori contesto, non capirai a cosa servono e probabilmente non interagirai con loro.

Troppi collegamenti di navigazione

Un menu a discesa che rivela alcune opzioni diverse è il modo in cui navighiamo nella maggior parte dei siti web. Tuttavia, se il menu ti offre troppa scelta, può essere impossibile capire dove andare e su cosa fare clic.

Pensalo come un menu in un ristorante: un menu chiaro e semplice renderà facile il tuo ordine di cibo. Un menu con centinaia di pasti ti travolgerà e ti farà dubitare di quanto sia buono il cibo.

Etichette modulo vuoto

Quando compili un modulo, è utile sapere cosa dovrebbe andare in ogni casella. Normalmente lo vediamo nelle pagine di pagamento quando fornisci il tuo indirizzo a un'azienda. Se questi moduli vengono lasciati vuoti, chiunque abbia una disabilità visiva potrebbe non sapere quali informazioni inserire e dove.

I timeout non possono essere interrotti

Molti siti web ti metteranno in pausa se non completi l'ordine in tempo. Potresti vedere una schermata che dice: "Siamo spiacenti, la sessione è scaduta", lasciandoti dover ricominciare tutto da capo.

Questo è fastidioso per tutti, ma soprattutto se naturalmente ti occorre più tempo per fare cose online. Le persone che non sanno usare il mouse, o che non sanno leggere, o non vedono, impiegheranno più tempo per eseguire le stesse azioni, rendendo i timeout impossibili da superare e i siti impossibili da utilizzare.

Vuoi assicurarti che il tuo sito web attiri più persone?

Confrontiamo i migliori strumenti di creazione di siti Web per aiutarti a creare un sito che fornisca risultati. Che tu voglia un bellissimo portfolio creativo o una piattaforma di acquisto di prodotti multi-livello altamente sicura, possiamo aiutarti a trovare il costruttore di siti web che farà il lavoro di cui hai bisogno.

Ricorda solo di controllare i nostri suggerimenti sull'accessibilità per assicurarti di non allontanare un miliardo di persone.

Metodologia

Lo studio ha utilizzato l'estensione di Chrome "Arc Toolkit" per verificare l'accessibilità di oltre 150 siti web. Lo strumento esamina singole risorse, errori e avvisi che vengono tutti utilizzati per classificare l'accessibilità dei siti Web. Per mantenere uno studio imparziale, abbiamo basato la classifica sulla percentuale di errori della home page per individuare i siti web più e meno accessibili. Per i siti di social media e intrattenimento che ti fanno accedere per primi, abbiamo esaminato l'accessibilità delle pagine di login e poi analizzato separatamente le home page (i feed) per mantenere lo studio coerente con gli altri settori che portano direttamente in home page.

Dichiarazione di non responsabilità: quando si esaminano i feed dei social media, non tutto ciò che viene pubblicato dagli individui può essere controllato dai siti di social media, ecco perché gli errori potrebbero essere più elevati per l'analisi approfondita. Tuttavia, questi siti possono fare uno sforzo per incoraggiare gli utenti ad aggiungere cose come Alt-Text alle loro immagini, rendendo il sito più accessibile a tutti. Il nostro rapporto ha esaminato sia le case e i feed, poiché gli utenti dovranno accedere prima di poter fare qualsiasi altra cosa.

I siti Web più popolari raccolti dai dati da SimileWeb. Trova le nostre fonti di dati qui.

Questo post è stato originariamente pubblicato nel novembre 2021 ed è stato aggiornato il 3 maggio 2022.