Usa le funzionalità di accessibilità del sito web integrate e gli strumenti gratuiti per testare il sito.

È possibile progettare un sito web inclusivo che si adatti a tutti, compresi i visitatori con disabilità. Utilizzare layout strutturali chiari come intestazioni e elenchi puntati aiuta i lettori di schermo a scansionare le pagine in modo efficiente; in modo che i clienti possono trovare informazioni rapidamente.

Prova anche: Rendi il tuo sito accessibile con pratiche di design inclusivo

Nota: questa guida è una risorsa, ma non rappresenta una consulenza legale. Squarespace non fornisce consigli su leggi o standard sull'accessibilità specifici applicabili al tuo sito o alla tua attività, come indicato nei nostri Termini di Servizio.

Struttura il testo, i layout e le intestazioni del tuo sito per i lettori di schermo

Puoi personalizzare molti aspetti del tuo sito come menu di navigazione, link e testo per renderne i contenuti più accessibili e facili da navigare per tutti i visitatori; Squarespace include diverse funzionalità e opzioni di personalizzazione integrate: 

• Opzioni di contrasto dei colori: abbina i toni di sfondo e i colori dei tipi di carattere dal pannello Colori per soddisfare le linee guida WCAG senza CSS personalizzato.
• Contorno del focus della tastiera: per aiutare i visitatori a tracciare visivamente dove si trovano su una pagina, un bordo chiaro appare automaticamente quando premono il tasto Tab per spostarsi tra i link o i campi del modulo.
• Link al contenuto “Vai al contenuto”: i visitatori possono accedere direttamente al layout principale di una pagina anziché scorrere i menu di navigazione nell’intestazione. Questo link appare automaticamente quando un visitatore preme il tasto Tab.
• Strutture semantiche delle pagine: crea layout organizzati che il software di sintesi vocale possa seguire. Per mantenere un ordine di lettura prevedibile per le tecnologie assistive come i lettori di schermo, utilizza le intestazioni per strutturare il testo.

Rendi accessibile il tuo flusso di pagamento online

Tutti i modelli Squarespace includono funzionalità integrate per aiutare i clienti a muoversi nel tuo negozio online. La pagina di pagamento utilizza di default impostazioni specifiche per garantire che gli elementi della pagina funzionino correttamente con i lettori di schermo e altri software di assistenza.


Queste funzionalità integrate aiutano a mantenere un layout chiaro per i clienti:

• Campi del modulo pre-etichettati: i campi del pagamento sicuro includono etichette di testo chiare. Questo testo indica ai lettori di schermo esattamente quali informazioni deve inserire un visitatore in ogni casella.
• Pulsanti di Call-to-Action distinti: i pulsanti principali, come i pulsanti di pagamento, usano etichette descrittive chiare. Queste etichette aiutano i visitatori a trovare i passaggi principali sulla pagina e a completare le transazioni.

Prova anche: Crea un sito di Commerce accessibile

Imposta immagini, video e controlli multimediali accessibili

Per aiutare i visitatori a interagire con le tue immagini e i tuoi video, utilizza i controlli multimediali e gli strumenti descrittivi integrati:

• Campi di testo alternativo: aggiungi descrizioni chiare a tutte le tue immagini. Il testo alternativo aiuta i lettori di schermo a descrivere le immagini ai clienti che non possono vederle. Puoi eseguire lo strumento di reportistica SEO per contrassegnare tutte le immagini sul tuo sito a cui manca il testo alternativo.
• Didascalie e trascrizioni per i file multimediali: aggiungi didascalie ai video e carica le trascrizioni testuali per i file audio.
• Controlli di riproduzione: scegli formati a prova di movimento per video e animazioni. Includi i pulsanti per mettere in pausa, saltare o interrompere i loop video e le animazioni delle slideshow che vengono riprodotte automaticamente.

Accedi a un VPAT di Squarespace o a una dichiarazione di accessibilità come prova dell'accessibilità del tuo sito

Quando un'organizzazione, azienda o scuola richiede una prova dell'accessibilità del sito, puoi utilizzare le nostre risorse per spiegare le caratteristiche principali del layout:

• Dichiarazione di accessibilità di Squarespace: consulta i nostri impegni in materia di accessibilità su Accessibilità su Squarespace.
• Rapporto VPAT: fornisci una chiara ripartizione di come la struttura del tuo sito segue le linee guida sull'accessibilità con un Voluntary Product Accessibility Template (VPAT).

Quali regole di accessibilità si applicano al mio sito?

Sei responsabile di assicurarti che il tuo sito sia conforme a tutti i requisiti legali che si applicano alla tua attività. Per saperne di più sulle linee guida per l'accessibilità, visita la Web Accessibility Initiative.

I requisiti di accessibilità web variano in tutto il mondo:

• Stati Uniti: leggi gli standard dell'Americans with Disabilities Act (ADA) per conoscere i requisiti per la progettazione di siti web accessibili.
• Unione Europea: rivedi l'European Accessibility Act (EAA) per scoprire come queste normative richiedono che i negozi online e i servizi digitali siano accessibili per le persone con disabilità.

Come posso verificare la conformità del mio sito in materia di accessibilità?

Per trovare descrizioni delle immagini mancanti o verificare come funziona il tuo sito web per i diversi visitatori, puoi scansionare le tue pagine live utilizzando strumenti gratuiti di test online:

• Verifica le tue scelte rapide da tastiera e testa il tuo sito utilizzando gli strumenti del Progetto A11y.
• Trova problemi di contrasto dei colori o strutture di intestazione interrotte utilizzando lo strumento di valutazione dell'accessibilità web WAVE.

Per un audit più approfondito del tuo sito web, consulta un esperto di accessibilità o conformità.