Una checklist di accessibilità per i negozi online
Di Il team di AsasWeb 1 min di lettura
Un negozio online accessibile è un negozio da cui più persone possono comprare, quindi controlla le pagine in cui avvengono le vendite. Le immagini prodotto hanno bisogno di testi alternativi descrittivi, i selettori di varianti devono funzionare da tastiera e prezzo e disponibilità non possono essere segnalati solo con il colore. L'intero checkout deve potersi completare con la sola tastiera, con etichette visibili, errori utili e i giusti tipi di input su mobile. Chiudi con un acquisto di prova reale con sola tastiera e screen reader, perché gli strumenti automatici non vedono ciò che quei test rivelano.
Ogni barriera in un negozio online è una barriera a una vendita. Uno store accessibile è semplicemente uno store da cui più persone possono comprare, ed è per questo che qui accessibilità e fatturato puntano nella stessa direzione. Usa questa breve checklist sulle pagine che contano di più.
Pagine prodotto
- Le immagini dei prodotti portano un testo alternativo descrittivo, così chi usa uno screen reader sa cosa sta comprando.
- I selettori di varianti, come taglia e colore, sono utilizzabili da tastiera e chiaramente etichettati.
- Prezzo, disponibilità e l’azione di aggiunta al carrello sono annunciati chiaramente, non segnalati solo con il colore o la posizione.
Ricerca e navigazione
- La ricerca è raggiungibile da tastiera, e i risultati vengono annunciati quando si aggiornano.
- I filtri possono essere applicati e rimossi senza un mouse, e lo stato corrente è chiaro.
- Il focus è visibile a ogni passaggio, così chi usa la tastiera non perde mai il segno.
Carrello e checkout
- Il checkout funziona dall’inizio alla fine con una tastiera, con un ordine di focus logico.
- I campi del modulo hanno etichette visibili, errori utili e il tipo di input giusto su mobile.
- Nulla di essenziale è bloccato dietro un hover o un trascinamento, e i limiti di tempo, se presenti, possono essere estesi.
Testalo davvero
Gli strumenti automatici colgono molto, ma una percorrenza solo da tastiera attraverso un acquisto completo, più una verifica con screen reader, rivela ciò che sfugge loro. Testiamo i checkout in questo modo prima del lancio.
Uno store accessibile è uno store migliore per tutti, e allarga il tuo mercato allo stesso tempo. Se vuoi un checkout da cui nessuno esca, avvia un progetto.