Creare un sito Commerce accessibile

Suggerimenti per rendere il tuo negozio online facile da visitare per tutti i visitatori.

Ultimo aggiornamento 19 febbraio 2025

Per aiutare i visitatori a navigare facilmente nel tuo negozio online, è importante integrare funzionalità di accessibilità durante la progettazione del tuo sito di e-commerce. Ciò non solo promuove l'inclusività, ma espande anche il tuo pubblico. Utilizza questa guida per esaminare gli elementi di design che potresti voler considerare e scopri le risorse disponibili per rendere il tuo sito Commerce ancora più accessibile.

Nota

questa guida è disponibile come risorsa per aiutarti a iniziare, ma non deve essere interpretata o considerata come una consulenza legale. Squarespace non può fornire consigli su come rendere il tuo sito conforme a leggi, regolamenti o standard specifici in materia di accessibilità.

Immagini Prodotto

Spaziatura e dimensioni

Tutte le immagini in evidenza dei prodotti sono disposte in una griglia sulla pagina del negozio. Per renderlo più accessibile ai visitatori con disabilità visive, potresti prendere in considerazione la spaziatura delle immagini. È possibile aumentare il padding e, modificando il numero di colonne, la dimensione delle immagini negli stili della sezione negozio.

Aggiungere testo alt alle immagini dei prodotti

Se vendi prodotti fisici, è importante corredare di un testo descrittivo (testo alt) le immagini dei prodotti. Il testo alt può aiutare i visitatori che utilizzano uno screen reader a navigare nel tuo sito, oppure può essere di ausilio per i visitatori che non possono accedere alle immagini per vari motivi, come una connessione di rete lenta. Quando si esplora una pagina, gli screen reader identificano le immagini e leggono il testo alt ai visitatori. Usa termini brevi che descrivono l'immagine e il prodotto specifico. Potresti voler considerare di includere le seguenti informazioni nel tuo testo alt:

  • Colore del prodotto - Questo testo può essere l'unico modo che può consentire a un visitatore di determinare il colore dell'articolo che sta acquistando.
  • Parole e descrizioni delle immagini e loro collocazione sul prodotto - Se ci sono parole o immagini stampate sul prodotto, uno screen reader non le leggerà né le descriverà al visitatore.

Attivazione dello zoom delle immagini

Considera la possibilità di attivare lo zoom dell'immagine per aiutare i visitatori con problemi di vista. Se attivato, i visitatori possono ingrandire le immagini dei prodotti per vedere più da vicino il materiale, la struttura e i dettagli più piccoli. Per saperne di più su questa funzione, visita Funzionalità speciali della Pagina negozio.

Ulteriori informazioni sul prodotto

È possibile aggiungere contenuti personalizzati a una pagina di prodotto aggiungendo blocchi nella sezione Informazioni aggiuntive dell'editor di prodotto. Potresti pensare di aggiungere elementi come:

  • Dimensioni e peso del pacco, in modo che i clienti possano pianificare meglio la consegna.
  • Video del tuo prodotto con didascalie.
  • Una tabella delle taglie, se vendi abbigliamento. Le tabelle delle taglie non vengono generalmente lette dagli screen reader. Per saperne di più sulla creazione di una tabella delle taglie testuale adatta agli screen reader, è possibile rivolgersi a servizi di terze parti come Kiwi Sizing.

Nota

se hai domande sui servizi offerti da terzi, ti consigliamo di contattare direttamente il fornitore terzo.

Il processo di pagamento

Pulsanti di Call-to-Action

È fondamentale che i tuoi clienti possano accedere agli elementi interattivi di Commerce, come i pulsanti Aggiungi al carrello e Continua lo shopping. Per questo motivo, puoi creare uno stile per i tuoi pulsanti in modo da attirare l'attenzione su di essi. A questo scopo, puoi modificare la forma, lo spessore del contorno e altre opzioni di formattazione.

Icona del carrello

Sebbene non sia possibile regolare le dimensioni dell'icona del carrello, è possibile renderla più accessibile aggiungendo un bordo e assicurandosi che il contrasto di colore sia adeguato.

Se vendi un solo prodotto e vuoi bypassare il processo del carrello, hai la possibilità di attivare il pagamento rapido. Con questa modalità, è possibile creare un pulsante Acquista in modo che sia evidente e più accessibile.

Considerazioni sull'audio

Se sul tuo sito sono presenti contenuti audio, puoi aggiungervi le trascrizioni. Questo renderà i contenuti più accessibili ai visitatori con problemi di udito e sarà utile anche per la SEO. Per mantenere le tue pagine organizzate, potresti voler includere le trascrizioni in Pagine non collegate.

Lingua

Quando si descrivono e si promuovono i propri prodotti o servizi, è bene utilizzare un linguaggio accessibile. Per saperne di più su come scrivere in modo efficace tenendo conto dell'accessibilità, visita la sezione Creare contenuti accessibili per i siti.

Footer Image
  • Ricevi assistenza dalla nostra community

  • Ricevi assistenza dalla nostra community in merito alle personalizzazioni avanzate.

  • Affidati a uno Squarespace Expert

  • Fatti notare online con l'aiuto di un designer o di uno sviluppatore esperto.