L'importanza dell'accessibilità per il tuo negozio online
Pubblicato: 2016-11-16Tutti coloro che acquistano online lo fanno in modo leggermente diverso. Prendiamo decisioni al nostro ritmo, utilizziamo dispositivi diversi e interagiamo con i negozi nel modo che ci sembra più comodo.
Per alcuni acquirenti, il processo di visualizzazione o acquisto di un prodotto è molto diverso da quello che potresti aspettarti. La loro connessione Internet potrebbe essere lenta a causa del fatto che vivono in un paese in via di sviluppo, possono fare affidamento su uno screen reader a causa di problemi di vista o possono navigare con una tastiera a causa dell'impossibilità di utilizzare un mouse in modo affidabile.
Queste differenze creano la necessità di progettare e mantenere un negozio accessibile a tutti . Questo è l'obiettivo dell'accessibilità per l'eCommerce: creare un negozio online che tutti possano utilizzare, indipendentemente dall'età, dal livello di abilità, dall'ubicazione o dalla presenza di una disabilità.
Oggi daremo un'occhiata al motivo per cui dovresti rendere il tuo negozio WooCommerce più accessibile e alcune risorse che puoi utilizzare per migliorarne il design e la funzionalità per tutti i tuoi acquirenti.
Pronto ad imparare? Iniziamo con uno sguardo più da vicino a cosa intendiamo quando parliamo di accessibilità.
Accessibilità eCommerce: cos'è e perché è importante
Il World Wide Web Consortium (W3C in breve) afferma che " accessibilità significa che le persone con disabilità possono utilizzare [internet] ". La loro introduzione alla Web Accessibility Initiative (WAI) elabora:
L'accessibilità al Web comprende tutte le disabilità che influiscono sull'accesso al Web, comprese le disabilità visive, uditive, fisiche, del linguaggio, cognitive e neurologiche.
La capacità di un cliente di accedere o utilizzare un negozio online potrebbe essere influenzata anche da fattori esterni , come la velocità della connessione Internet o la disponibilità dell'hardware del computer. Può anche essere influenzato da fattori temporanei, come un braccio rotto o una prescrizione errata degli occhiali o l'invecchiamento.
Che tu sia sviluppatore, costruttore di negozi o proprietario di un negozio, è tua responsabilità assicurarti che tutti possano utilizzare il tuo negozio in modo efficace. Questo non solo rende felici i tuoi clienti: come dimostra il W3C, può avere un impatto molto reale sulla tua redditività, visibilità sui motori di ricerca e ROI a lungo termine .
L'accessibilità implica molto di più della semplice aggiunta di testo alternativo alle immagini e l'ottimizzazione del caricamento rapido del tuo negozio. Per capire meglio, diamo un'occhiata a quanto potrebbero essere diverse alcune delle esperienze online dei tuoi clienti.
Esplorare le grandi differenze tra le esperienze online
Mentre eravamo nelle prime fasi di pianificazione di questo post, abbiamo avuto un incontro illuminante con un cliente WooCommerce che ci aveva contattato per ricevere supporto. Uno dei membri del nostro team ha chiesto al cliente di inviarci uno screenshot di un errore. Non potevano, e ci ha dato il motivo:
Siamo ciechi, ci legge il computer.
Questo particolare cliente aveva costruito l'intero negozio con uno screen reader e altre tecnologie assistive. Hanno quindi interagito con WooCommerce, i loro clienti e il nostro team di supporto attraverso l'uso dell'audio.
Questo è stato un momento sbalorditivo per il nostro team di supporto per esserne sicuri. Ma è stato anche un fantastico promemoria per costruire negozi accessibili, perché se una persona non vedente può costruire un negozio utilizzabile con uno screen reader, quelli di noi con vista totale o parziale dovrebbero essere in grado di costruire un negozio utilizzabile con gli screen reader .
Oltre ai lettori di schermo, ci sono clienti che non possono utilizzare il mouse del computer, forse a causa di una disabilità fisica. Questi acquirenti navigano nei siti Web con la scheda e i tasti freccia e fanno clic sui collegamenti con il tasto Invio.
Ci sono anche acquirenti che hanno bisogno di aiuto per effettuare un ordine. Alcuni clienti si sentono semplicemente più a loro agio nel fornire i propri dati di fatturazione per telefono. Gli altri non possono vedere o utilizzare il modulo d'ordine online. E altri hanno accesso solo alla tecnologia che non supporterà in modo affidabile gli ordini online.
Questo è solo un esempio dei molti modi in cui persone diverse utilizzano Internet e fanno acquisti online . La moltitudine di background, esperienze e dispositivi assicura che tutti noi facciamo le cose in modo leggermente diverso... e creiamo la necessità di negozi che funzionino per tutti.
Il primo passo per un negozio più accessibile: provare quello che hai già
Con una migliore comprensione dell'importanza dell'accessibilità, potresti chiederti "come faccio a sapere se sono accessibile o meno?"
La prima cosa che dovresti fare è provare a usare tu stesso il tuo negozio . Mettiti nei panni di un acquirente con daltonismo, incapacità di usare il mouse o vista scarsa.
Mentre navighi nel tuo negozio, noti immagini o pulsanti che potrebbero sembrare strani senza la percezione del colore completo? Puoi usare la tastiera per navigare o è un processo noioso? Se aumenti lo zoom al 150% o più, il tuo negozio è ancora utilizzabile?
A seconda dei media nel tuo negozio, potresti riscontrare anche alcune preoccupazioni. Se hai video di prodotti, hanno i sottotitoli? Le descrizioni dei tuoi prodotti dicono come si sente una maglietta (dal punto di vista della trama) e di che colore è?
Spesso puoi trovare punti deboli semplicemente rallentando e prestando attenzione . Queste debolezze sono spesso facili da correggere, ad esempio cambiando il colore di un pulsante o spingendo la navigazione più in alto nella pagina, ma richiedono la volontà di vivere la propria vita, anche temporaneamente come persona diversamente abile.
Usa il feedback degli acquirenti reali, gli strumenti online gratuiti e le risorse ufficiali per migliorare il tuo negozio
Naturalmente, a meno che tu non abbia una disabilità, sia svantaggiato o ti trovi in un'altra situazione che ti impedisce di utilizzare un negozio online in modo tipico, può essere difficile sapere esattamente come stai sfidando i tuoi acquirenti a fare anche cose semplici .
Ti incoraggiamo a utilizzare, e forse anche a sollecitare attivamente, il feedback reale degli acquirenti per scoprire come puoi semplificare il processo di accesso al tuo negozio. Ottenere questo feedback può essere difficile, ma se lo chiedi attivamente (ad esempio, nelle e-mail post-acquisto?) arriverà con il tempo.
Puoi anche provare un servizio come UserTesting.com o collaborare con un'agenzia locale che offre test per raccogliere feedback, anche se ti consigliamo di chiedere prima i test specifici di accessibilità .
Uno strumento gratuito che consigliamo è WAVE, lo strumento di accessibilità al Web. Inserisci qualsiasi URL in questo strumento e ti verrà presentato un elenco di errori e avvisi che potrebbero rappresentare un problema per gli acquirenti , che vanno dal testo alternativo mancante (necessario per le utilità per la lettura dello schermo) a collegamenti interrotti o vuoti (solo cattiva progettazione in generale).
WAVE fornisce anche la documentazione per ogni errore o avviso, così puoi leggere il motivo per cui qualcosa è stato segnalato e decidere come affrontarlo.
In particolare dal lato visivo delle cose, puoi provare Vischeck per simulare l'aspetto di un sito Web con daltonismo o utilizzare ACTF aDesigner per verificare la compatibilità dei contenuti del tuo negozio con strumenti come lettori di schermo.
Per i test di velocità, poiché connessioni Internet lente possono influire sulle esperienze di chi vive nei paesi in via di sviluppo, consigliamo Pingdom, che metterà alla prova il tuo negozio e fornirà consigli dettagliati per migliorarlo. Ci sono anche una manciata di buoni suggerimenti in questo post, che si occupa in particolare dell'ottimizzazione di WooCommerce.
Infine, se risiedi negli Stati Uniti (o vendi a clienti che risiedono lì), puoi sfogliare la Sezione 508 Standards for Electronic and Information Technology del governo. Questi standard (in particolare quelli nella sezione 1194.22) forniscono requisiti per la tecnologia accessibile come i siti Web, incluso il testo alternativo, elementi visualizzabili con daltonismo e avvisi per risposte a tempo.
Non si tratta solo del negozio: ricorda l'accessibilità quando lavori con e-mail, social media e altro ancora
Proprio come l'esempio che abbiamo fornito sopra del cliente WooCommerce cieco, è fondamentale ricordare in che modo ciascuno dei tuoi clienti interagisce con te in modo diverso. Ma l'accessibilità va oltre le pagine del tuo negozio: comprende la tua intera presenza online .
Ogni volta che rispondi alle e-mail, invii messaggi di marketing o pubblichi tweet, stai interagendo con i clienti che accedono a Internet in modi molto diversi. Pensa a:
- Comunicazione e-mail : stai includendo una versione di testo normale delle tue e-mail? Che ne dici di un'opzione "visualizza online"? La maggior parte dei client genererà entrambi per impostazione predefinita.
- In che modo sostieni i tuoi acquirenti : se normalmente chiedi uno screenshot di un problema o una foto di un difetto, valuta la possibilità di offrire opzioni alternative. Ad esempio, consentiamo ai clienti di WooCommerce di creare accessi temporanei in modo da poter verificare noi stessi i problemi.
- Le richieste che fai, specialmente con i link — Frasi come "clicca qui" o "clicca sul link nella nostra biografia" potrebbero essere problematiche non solo per gli utenti di screen reader, ma anche per quelli su tablet o dispositivo mobile (che stanno toccando, non cliccando! ).
- Come semplificare i processi : potresti accettare telefonate anziché e-mail? Ordini di persona o per telefono invece che tramite il tuo negozio? Oppure, se ti affidi solo alle telefonate, quali processi potresti spostare online per aiutare i clienti con ansia, ecc.?
Un ultimo consiglio: non puntare a "abbastanza buono"
Potresti aver già visto variazioni di questa immagine:
Potrebbe essere allettante leggere alcuni suggerimenti sull'accessibilità, provare il tuo negozio con una tastiera o un singolo test online e chiamarlo "abbastanza buono". Ma abbastanza buono non è proprio buono .
È ammirevole aggiornare il tuo negozio in modo specifico per offrire agli acquirenti diversamente abili un'esperienza migliore. Ma ciò non aiuta necessariamente gli acquirenti che hanno connessioni più lente o dispositivi con schermi molto piccoli. Ecco perché ti consigliamo di raggiungere il tuo obiettivo finale di migliorare l'esperienza per diversi tipi di acquirenti, dispositivi ed esigenze .
Pensiamo che questo obiettivo vada oltre l'accessibilità: è un obiettivo più ampio della felicità generale del cliente. Pensaci in questo modo: cosa puoi fare per rendere ogni cliente più propenso ad acquistare da te, che sia un utente non vedente di un computer desktop o un acquirente mobile completamente vedente in un paese in via di sviluppo?
Potrebbe essere necessario apportare modifiche specifiche al tuo negozio solo per quegli scenari specifici. Ma ecco perché pensiamo che dovresti concentrarti sull'equità rispetto all'uguaglianza, perché dare a tutti ciò di cui hanno bisogno li renderà molto più propensi ad acquistare da te .
Ecco come creare un'esperienza di acquisto più inclusiva
L'accessibilità non è un argomento facile da trattare, tanto meno da approfondire. Abbiamo fatto del nostro meglio per mostrarti perché è importante, ma ti consigliamo di fare ulteriori ricerche e letture su questo argomento . Il W3C è un ottimo punto di partenza.
Per ora, speriamo che questo post ti dia alcuni spunti di riflessione e alcuni suggerimenti o risorse utili mentre lavori per un negozio che tutti possono utilizzare.
Hai domande su strumenti, suggerimenti o idee per l'accessibilità consigliati in questo post? O qualche tuo feedback da dare su questo argomento? Ci piacerebbe avere tue notizie su questo: lascia un commento qui sotto per avviare la discussione.
Grazie per aver letto!
- Come abbiamo reso il nostro tema Storefront più accessibile
- Cosa considerare quando pianifichi la navigazione del tuo negozio
Credito immagine intestazione: #WOCinTech Chat (CC)