Alcuni dei visitatori del tuo sito potrebbero utilizzare tecnologie assistive come gli screen reader per navigare nel tuo sito. Gli screen reader sono app utilizzate da coloro che hanno problemi di vi...

Accessibilità: preparare il tuo sito web per gli screen reader

<div data-component-type="text"><div>Alcuni dei visitatori del tuo sito potrebbero utilizzare tecnologie assistive come gli screen reader per navigare nel tuo sito. Gli screen reader sono app utilizzate da coloro che hanno problemi di vista. Scansionano il contenuto del tuo sito e lo &quot;leggono&quot; ad alta voce al visitatore. I visitatori che utilizzano gli screen reader generalmente utilizzano anche il tasto Tab per navigare nel tuo sito, in quanto potrebbero non essere in grado di vedere dove cliccare.</div></div><div data-component-type="text"><div>L'ordine DOM del tuo sito è l'ordine in cui gli screen reader e il tasto Tab evidenziano e/o &quot;leggono&quot; il contenuto della pagina. Dovrebbe seguire un ordine logico per garantire che i visitatori ottengano la migliore esperienza possibile sul tuo sito e possano capirne e apprezzarne i contenuti.</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Nota:</div><div class="info-content"><div>Alcuni visitatori potrebbero non avvalersi di uno screen reader ma utilizzare comunque il tasto Tab per navigare nel tuo sito, come nel caso di problemi di mobilità. Pertanto, ti consigliamo di assicurarti sempre che l'ordine DOM del tuo sito sia corretto.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="about-your-sites-dom-order" level="3">Informazioni sull'ordine DOM del tuo sito</h2></div><div data-component-type="text"><div>Il DOM è l'ordine degli elementi sul tuo sito. È particolarmente importante quando i visitatori del sito utilizzano screen reader e/o il tasto Tab, in quanto devono essere in grado di navigare nel tuo sito in un ordine logico. Ad esempio, il menu del sito dovrebbe apparire per primo, seguito dal resto degli elementi nell'intestazione, quindi dal titolo della pagina, quindi dal contenuto della pagina, ecc. Se l'ordine DOM non è corretto, lo screen reader/tasto Tab salta il contenuto della tua pagina.</div></div><div data-component-type="text"><div>Wix imposta automaticamente un ordine DOM per te. La sequenza utilizza l'ordine visivo degli elementi; da sinistra a destra e dall'alto verso il basso. Quando sviluppiamo i nostri strumenti di accessibilità, testiamo i nostri prodotti utilizzando i seguenti lettori di schermo:</div></div><div data-component-type="text"><ul>
  <li>Windows + Firefox o Chrome: <strong>NVDA</strong> (lettore gratuito)</li>  <li>iOS + Safari: <strong>Voiceover</strong> (lettore integrato)</li></ul></div><div data-component-type="text"><div>Ciò significa che abbiamo creato l'ordine DOM automatico del tuo sito tenendo conto delle funzioni delle applicazioni di cui sopra. Puoi testare l'ordine DOM automatico del tuo sito utilizzando il tasto Tab della tastiera o uno screen reader sul tuo sito live.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-dom-order-of-your-site" level="3">Modificare l'ordine DOM del tuo sito</h2></div><div data-component-type="text"><div>Se provi l'ordine DOM del tuo sito e noti che non è logico, puoi modificarlo manualmente nella <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-informazioni-sulla-procedura-guidata-per-laccessibilità" target="">procedura guidata del Wizard accessibilità</a>. Il Wizard è uno strumento che scansiona il tuo sito, individua potenziali problemi di accessibilità e fornisce soluzioni attuabili per correggere questi problemi. Oltre a questo, puoi anche utilizzare il Wizard accessibilità per modificare le impostazioni di accessibilità avanzate sul tuo sito. </div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><div>Se l'ordine di tabulazione del tuo sito è logico, non devi fare nulla. Modificare l'ordine quando è già corretto può causare problemi ai visitatori che utilizzano gli screen reader e/o il tasto Tab.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Per modificare le impostazioni DOM:</h2></div><div data-component-type="text"><ol>
  <li>Seleziona <strong>Impostazioni</strong> nella barra superiore dell'Editor</li>  <li>Seleziona <strong>Wizard accessibilità</strong></li>  <li>Seleziona l'icona Altre azioni <img data-composite="true" src="https://lh5.googleusercontent.com/GFmdhoQTiERQyGvLuRHuRFNxOsx1FyyNRAH-nlVessPwc1sIvGDi7FPnijKu2bCkNqtijWgK4njxDfpTK5yZj-mvSQmDZT8VPnp_9fPURODwFRqUbBF_qrA0qd1LV1Juiv9rJ1Uv" /> in alto a destra del Wizard</li>  <li>Seleziona <strong>Impostazioni avanzate per l'accessibilità</strong></li>  <li>Seleziona <strong>Ordine DOM automatico</strong></li>  <li>Disabilita l'interruttore nel pannello</li>  <li>Seleziona <strong>Disattiva</strong> nella finestra pop-up</li>  <li>Seleziona l'icona Livelli <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/22/f52b1de4-3721-47b4-8588-8e0f10fbe5cb/33bdef84-9b33-4f67-bfb3-adef581774af.png" /> in basso a sinistra dell'Editor</li>  <li>Controlla l'elenco ed elimina tutti gli elementi ridondanti. Ciò include elementi duplicati che non hanno un uso sul tuo sito e possono confondere gli utenti di screen reader</li>  <li>Trascina gli elementi rimanenti nell'ordine desiderato</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/22/7034afa5-34e3-4c28-b78a-ef080fbdc32a/e7e96acb-246a-45ef-b3ea-a4a0e58f78e2.png" alt="Il pannello delle impostazioni avanzate del Wizard accessibilità. L'interruttore automatico dell'ordine DOM è stato disabilitato." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Note:</div><div class="info-content"><ul>
  <li>La navigazione in un sito utilizzando il tasto Tab consente di spostarsi solo tra gli elementi interattivi e non gli elementi statici, come il testo. Se vuoi testare uno screen reader su elementi statici come il testo, segui le istruzioni nel centro assistenza dello screen reader su come navigare correttamente in un sito web con una tastiera</li>  <li>Gli elementi bloccati vengono posizionati automaticamente alla fine della sequenza di tabulazioni. Se vuoi che vengano visualizzati prima nella sequenza, ti consigliamo di sbloccarli e posizionarli nell'intestazione</li></ul></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Prossimi passi:</div><div class="info-content"><ul>
  <li>Apri l'Editor mobile e ripeti gli stessi passaggi</li>  <li>Torna alla <a data-composite="true" href="https://support.wix.com/it/article/editor-wix-migliorare-laccessibilità-del-tuo-sito" target="">Checklist per l'accessibilità</a> per continuare a lavorare sull'accessibilità del tuo sito</li></ul></div></div></div>

Affinché le tecnologie assistive possano interpretare correttamente il tuo sito, è importante configurare la lingua del sito nelle impostazioni del sito. Le tecnologie regolano quindi l'accento, il to...

Accessibilità: configurare la lingua del tuo sito

<div data-component-type="text"><div>Affinché le tecnologie assistive possano interpretare correttamente il tuo sito, è importante configurare la lingua del sito nelle impostazioni del sito. Le tecnologie regolano quindi l'accento, il tono e la velocità di lettura del contenuto per adattarlo alla lingua.</div></div><div data-component-type="heading"><h2 id="" level="3">Per configurare la lingua del tuo sito per un sito in una sola lingua:</h2></div><div data-component-type="text"><ol>
  <li>Vai a <a data-composite="true" href="https://www.wix.com/my-account/site-selector/?buttonText=Impostazioni&amp;title=Seleziona%20un%20sito&amp;autoSelectOnSingleSite =true&amp;actionUrl=https://www.wix.com/dashboard/{{metaSiteId}}/manage-website" target="_blank">Impostazioni nel Pannello di controllo del tuo sito</a></li>  <li>Seleziona <strong>Lingua e regione</strong></li>  <li>Seleziona il menu a tendina <strong>Lingua</strong> e seleziona la lingua del tuo sito</li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="to-set-your-sites-language-for-a-multilingual-site" level="3">Per configurare la lingua del tuo sito per un sito multilingue:</h2></div><div data-component-type="text"><div>Se hai un sito multilingue, puoi configurare le lingue nel Pannello di controllo Multilingua. Segui i passaggi riportati <a rel="noopener" target="_ blank" href="https://support.wix.com/it/article/wix-multilingua-gestire-le-lingue-in-un-sito-multilingue">qui</a>.</div></div><div data-component-type="text"><div>Quando si sceglie un layout per il menu della lingua, è importante considerare quali informazioni verranno raccolte da uno screen reader.</div></div><div data-component-type="text"><div>Uno screen reader leggerà il testo alternativo e il testo normale. Le icone delle bandiere utilizzate nei menu delle lingue riflettono il nome della lingua scelta nel testo alternativo assegnato:</div><div><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/7f40210b-c6c2-4c15-bbcf-5bb78a69d10e/2020/11/23/e38fa72f-51ef-4af9-97cf-878a2b5f3673/6dee9538-3536-4f52-b97b-fff7ce7776c9.png" /></div></div><div data-component-type="text"><div>Per evitare che lo screen reader legga l'alt text &quot;English&quot; della bandiera e poi legga il testo accanto e ripeta &quot;English&quot;, ti consigliamo di mostrare solo la bandiera o solo il nome della lingua.</div></div><div data-component-type="text"><div>Per disabilitare le icone della bandiera o il nome della lingua, seleziona il menu della lingua e seleziona il tasto layout.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/08/13/fb824b84-2857-4ac1-96da-777e1df7926b/d16ee4ac-00c4-46c0-9b3a-2346abc2fe8f.png" /></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Prossimo passo:</div><div class="info-content"><div>Torna alla <a href="https://support.wix.com/it/article/editor-wix-migliorare-laccessibilità-del-tuo-sito">Lista di cose da fare per l'accessibilità</a> per continuare a migliorare il tuo sito per l'accessibilità.</div></div></div></div>

Le dichiarazioni di accessibilità descrivono ciò che tu o il tuo brand/business avete fatto sul sito per renderlo più accessibile alle persone con disabilità.Puoi utilizzare il seguente articolo per a...

Accessibilità: aggiungere una dichiarazione di accessibilità al tuo sito

<div data-component-type="text"><div>Le dichiarazioni di accessibilità descrivono ciò che tu o il tuo brand/business avete fatto sul sito per renderlo più accessibile alle persone con disabilità.</div></div><div data-component-type="text"><div>Puoi utilizzare il seguente articolo per aiutarti a scrivere la dichiarazione di accessibilità del tuo sito. Tuttavia, non dovresti fare affidamento su di esso per una consulenza di tipo legale, in quanto le leggi e i requisiti possono variare a seconda del tuo Paese. </div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><div>In alcuni paesi, una dichiarazione di accessibilità è un obbligo legale per il proprietario del sito. Assicurati di rispettare le leggi e i requisiti del tuo Paese.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="what-to-include-in-an-accessibility-statement" level="3">Cosa includere in una dichiarazione di accessibilità</h2></div><div data-component-type="text"><div>Quando crei e pubblichi una dichiarazione di accessibilità sul tuo sito, potresti voler includere quanto segue:</div></div><div data-component-type="text"><ul>
  <li>La data dell'ultimo aggiornamento della dichiarazione</li>  <li>Una dichiarazione generale sugli sforzi per l'accessibilità che sono stati implementati. Gli esempi includono:
    <ul>
      <li><strong>Strumenti e linee guida:</strong>
        <ul>
          <li>La versione WCAG (2.0/2.1/2.2) e il livello (A/AA/AAA) che hai seguito</li>          <li>Se hai utilizzato il <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-informazioni-sulla-procedura-guidata-per-laccessibilità" target="">Wizard accessibilità di Wix</a> e apportato tutte le modifiche necessarie</li>        </ul>      </li>      <li><strong>Contenuto e struttura del sito:</strong>
        <ul>
          <li>Se hai impostato la <a data-composite="true" href="https://support.wix.com/it/article/editor-wix-accessibilità-impostare-la-lingua-del-tuo-sito" target="">lingua del sito</a></li>          <li>Modifiche apportate all'<a data-composite="true" href="https://support.wix.com/it/article/accessiblità-preparare-il-tuo-sito-per-i-gli-screen-reader" target="">ordine dei contenuti</a> delle pagine del tuo sito</li>          <li>Modifiche apportate alla <a data-composite="true" href="https://support.wix.com/it/article/editor-wix-accessibilità-preparare-la-struttura-del-sito" target="">struttura dell'intestazione</a> delle pagine del tuo sito</li>        </ul>      </li>      <li><strong>Media, file e animazioni:</strong>
        <ul>
          <li>Se le immagini del tuo sito hanno un <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-preparare-le-tue-immagini-e-le-tue-gallerie" target="">testo alternativo</a></li>          <li>Se le combinazioni di colori utilizzate sul tuo sito hanno il giusto <a data-composite="true" href="https://support.wix.com/it/article/editor-wix-accessibilità-preparare-il-testo-e-la-grafica" target="">rapporto di contrasto</a></li>          <li>Se <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-ridurre-il-movimento-per-gli-elementi-del-sito" target="">eventuali movimenti di disturbo sono stati ridotti</a> sul sito</li>          <li>Adeguamenti dell'accessibilità apportati a <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-aggiungere-sottotitoli-e-didascalie-ai-video" target="">video e audio</a> sul sito</li>          <li>Se i <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-rendere-accessibili-i-file-dei-documenti" target="">documenti</a> sono accessibili sul sito</li>        </ul>      </li>    </ul>  </li>  <li>Limitazioni di accessibilità note dovute all'uso di servizi di terze parti sul sito</li>  <li>Eventuali accordi e adeguamenti per l'accessibilità nel sito fisico dell'attività (come teatri, ristoranti, ecc.)</li>  <li>Informazioni di contatto della persona responsabile dell'accessibilità del tuo sito, con nome completo, indirizzo email e numero di telefono</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Vuoi aggiungere ulteriori informazioni?</div><div class="info-content"><div>Usa la nostra <a data-composite="true" href="https://support.wix.com/it/article/editor-wix-migliorare-laccessibilità-del-tuo-sito" target="">checklist per l'accessibilità</a> per ottenere delle utili idee per la dichiarazione di accessibilità del tuo sito.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-an-accessibility-statement-to-your-site" level="3">Aggiungere una dichiarazione di accessibilità al tuo sito</h2></div><div data-component-type="text"><div>Aggiungi una dichiarazione di accessibilità per dichiarare chiaramente quanto la tua attività si impegni per l'accessibilità sul web. Ti consigliamo di utilizzare una pagina dedicata per questa dichiarazione e di collegarti ad essa dall'intestazione o dal piè di pagina del sito.</div></div><div data-component-type="heading"><h2 id="" level="4">Per aggiungere una dichiarazione di accessibilità al tuo sito:</h2></div><div data-component-type="text"><ol>
  <li>Aggiungi una pagina al tuo sito e chiamala &quot;Dichiarazione di accessibilità&quot;</li>  <li>Aggiungi riquadri di testo alla pagina e inserisci la tua dichiarazione di accessibilità al loro interno, se necessario </li>  <li>Crea un collegamento alla pagina con un testo o un tasto e chiamalo &quot;Dichiarazione di accessibilità&quot; </li>  <li>Connetti il testo/tasto collegato all'intestazione o al piè di pagina del tuo sito per assicurarti che i visitatori possano visualizzare la dichiarazione da qualsiasi pagina del tuo sito</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Nota:</div><div class="info-content"><div>Usa più riquadri di testo nella dichiarazione per assicurarti che ogni parte del testo abbia il <a data-composite="true" href="https://support.wix.com/it/article/editor-wix-accessibilità-preparare-la-struttura-del-sito" target="">tag HTML corretto</a> (h1/h2/p). Puoi controllare l'esempio nella sezione successiva per vedere quali tag HTML utilizzare.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="accessibility-statement-template" level="3">Template di dichiarazione di accessibilità</h2></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><div>Lo scopo del seguente template è aiutarti a scrivere la tua dichiarazione di accessibilità. Tieni presente che sei tenuto a garantire che la dichiarazione del tuo sito soddisfi i requisiti della legge locale nella tua zona o regione.</div></div></div></div><div data-component-type="text"><div><em><strong>Dichiarazione di accessibilità</strong></em><strong> </strong>(h1)</div></div><div data-component-type="text"><div>(p)<em> L'ultimo aggiornamento di questa dichiarazione risale al</em> [inserire la data].<em></em></div></div><div data-component-type="text"><div>(p)<em> Noi di </em>[inserisci il nome dell'organizzazione/business] <em>lavoriamo per rendere il nostro sito </em>[inserisci il nome e l'indirizzo del sito]<em> accessibile alle persone con disabilità.</em></div></div><div data-component-type="text"><div><em><strong>In cosa consiste l'accessibilità sul web</strong></em> (h2)</div></div><div data-component-type="text"><div>(p) <em>Un sito accessibile consente ai visitatori con disabilità di navigare nel sito con lo stesso livello di facilità e lo stesso tipo di esperienza piacevole goduta dagli altri visitatori. Ciò può essere ottenuto con le funzionalità del sistema su cui opera il sito e tramite le tecnologie assistive.</em></div></div><div data-component-type="text"><div><em><strong>Adeguamenti per l'accessibilità su questo sito</strong></em> (h2)</div></div><div data-component-type="text"><div>(p) <em>Abbiamo adeguato questo sito in conformità con le linee guida WCAG </em>[2.0/2.1/2.2 - seleziona l'opzione pertinente]<em> e abbiamo reso il sito accessibile al livello </em>[A/AA/AAA<em> - </em>seleziona l'opzione pertinente]. <em>I contenuti di questo sito sono stati adeguati per operare con le tecnologie assistive, come gli screen reader e l'uso della tastiera. Come parte di questo nostro impegno, abbiamo anche </em>[rimuovi le informazioni irrilevanti]<em>:</em></div></div><div data-component-type="text"><div>(p)</div><ul>
  <li><em>Utilizzato il Wizard accessibilità per trovare e risolvere potenziali problemi di accessibilità</em></li>  <li><em>Impostato la lingua del sito </em></li>  <li><em>Impostato l'ordine dei contenuti delle pagine del sito</em></li>  <li><em>Definito strutture di intestazione chiare su tutte le pagine del sito</em></li>  <li><em>Aggiunto il testo alternativo alle immagini</em></li>  <li><em>Utilizzato combinazioni di colori che soddisfano il contrasto di colore richiesto</em></li>  <li><em>Ridotto l'uso del movimento sul sito</em></li>  <li><em>Fatto sì che tutti i video, l'audio e i file sul sito siano accessibili</em></li></ul></div><div data-component-type="text"><div><em><strong>Dichiarazione di conformità parziale allo standard a causa di contenuti di terze parti </strong></em>(h2) [aggiungere solo se pertinente]</div></div><div data-component-type="text"><div>(p) <em>L'accessibilità di alcune pagine del sito dipende da contenuti che non appartengono all'organizzazione, e appartengono invece a [inserisci il nome di una terza parte pertinente]. Tra queste sono incluse le seguenti pagine: </em>[elenca gli URL delle pagine]. <em>Dichiariamo</em> <em>quindi la parziale conformità allo standard per queste pagine.</em></div></div><div data-component-type="text"><div><em><strong>Disposizioni per l'accessibilità nell'organizzazione</strong></em><strong> </strong>(h2) [aggiungere solo se pertinente]</div></div><div data-component-type="text"><div>(p) [Inserisci una descrizione delle modalità di accessibilità negli uffici/filiali fisici dell'organizzazione o dell'attività del tuo sito. La descrizione può includere tutte le attuali modalità di accessibilità, dall'inizio del servizio (ad esempio il parcheggio e/o le stazioni dei mezzi pubblici) fino alla fine (come il service desk, il tavolo del ristorante, l'aula, ecc.). È inoltre necessario specificare eventuali disposizioni aggiuntive per l'accessibilità, come i servizi per persone con disabilità e la loro ubicazione, e gli accessori per l'accessibilità (ad esempio nelle induzioni audio e negli ascensori) disponibili per l'uso].</div></div><div data-component-type="text"><div><em><strong>Richieste, problemi e suggerimenti</strong></em> (h2)</div></div><div data-component-type="text"><div>(p) <em>Se riscontri un problema di accessibilità sul sito o se hai bisogno di ulteriore assistenza, non esitare a contattarci tramite il coordinatore all'accessibilità dell'organizzazione:</em></div><ul>
  <li>Nome del coordinatore all'accessibilità</li>  <li>Numero di telefono del coordinatore all'accessibilità</li>  <li>Indirizzo email del coordinatore all'accessibilità</li>  <li>Inserisci ulteriori informazioni di contatto, se pertinenti/disponibili</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Qual è il prossimo passo?</div><div class="info-content"><div>Torna alla <a href="https://support.wix.com/it/article/editor-wix-migliorare-laccessibilità-del-tuo-sito">Checklist per l'accessibilità</a> per continuare a migliorare l'accessibilità del tuo sito.</div></div></div></div>

La gerarchia del tuo sito (la sua struttura) aiuta i browser web e gli screen reader a capire come dovrebbe essere organizzato il contenuto del sito. Puoi aggiungere tag HTML al testo del sito per ind...

Accessibilità: preparare la struttura del tuo sito

<div data-component-type="text"><div>La gerarchia del tuo sito (la sua struttura) aiuta i browser web e gli screen reader a capire come dovrebbe essere organizzato il contenuto del sito. Puoi aggiungere <a data-composite="true" href="https://support.wix.com/it/article/gestire-i-tag-dellintestazione-della-tua-pagina" target="">tag HTML</a> al testo del sito per indicare la sua posizione nell'ordine del sito e fornire un'esperienza chiara ai visitatori. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="recommendations-for-preparing-text" level="3">Consigli per la preparazione del testo</h2></div><div data-component-type="text"><div>Ti consigliamo di tenere a mente le seguenti linee guida quando prepari il testo del sito:</div></div><div data-component-type="text"><ul>
  <li><strong>Usa i tag HTML per il testo:</strong> ogni pagina dovrebbe avere un'intestazione H1 e, a seguire, i tag HTML su ogni pagina dovrebbero essere sequenziali. Ad esempio, se l'intestazione principale della pagina è un tag H1, il sottotitolo dovrebbe essere H2 e così via. In questo modo i visitatori con disabilità visive possono scorrere i contenuti in un ordine logico</li>  <li><strong>I titoli devono essere descrittivi</strong>: pensa ai titoli come etichette per il testo sotto (questo è importante anche per la SEO)</li>  <li><strong>La spaziatura è importante:</strong> durante la modifica del testo, se vuoi suddividere un'intestazione in più righe, utilizza i <strong>tasti Maiusc + Invio</strong> per inserire un'interruzione di riga, invece di <strong>Invio</strong>, che crea un nuovo elemento di intestazione su ogni riga</li>  <li><strong>Aggiungi intestazioni al corpo della pagina:</strong> gli H1 aggiunti all'intestazione del sito verranno visualizzati su tutte le pagine in cui viene visualizzata l'intestazione. Consigliamo quindi di aggiungere intestazioni al corpo della pagina<br /> <strong>Suggerimento:</strong> se hai un sito di una pagina senza pagine aggiuntive, puoi ignorare questo consiglio</li></ul></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-html-tags-to-text" level="3">Aggiungere tag HTML al testo</h2></div><div data-component-type="text"><div>Aggiungi tag HTML al testo del sito per definirne la gerarchia. Puoi impostare il tag dalle impostazioni/design del testo nel tuo Editor o selezionarlo nel Wizard accessibilità (solo siti con Editor Wix). </div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Editor-Studio" class="tab-heading heading-0">Editor Studio</div><div data-slug="Editor-Wix" class="tab-heading heading-1">Editor Wix</div><div data-slug="Wizard-acc." class="tab-heading heading-2">Wizard acc.</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol>
  <li>Clicca sull'icona <strong>Apri Ispezione</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/2dd40586-1f79-4376-aee0-387212a246bb/dfed4075-2e24-4ad8-a7c4-8857038d5f16.png" /> in alto a destra dell'Editor</li>  <li>Clicca sulla scheda <strong>Design</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/01/15/89d6f135-f1be-4ecf-ad3c-c472a012387f/3f8a4045-d91e-4fd7-afcf-0fec7041d10f.png" /></li>  <li>Scegli un tag HTML dal menu a tendina </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/07/37324b05-3e43-4ff6-8c7a-4f3fa5be9df0/9dcfbe15-8a57-464f-adaa-f95cba9355b7.jpg" alt="La scheda Design del pannello Ispezione è aperta. Il cursore sta cliccando sul menu a tendina Tag HTML" /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li>Seleziona il testo pertinente nell'Editor</li>  <li>Seleziona <strong>Modifica testo</strong></li>  <li>Seleziona <strong>SEO e accessibilità</strong></li>  <li>Scegli un tag HTML dal menu a tendina </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/07/38c0f86e-2441-4dbf-ba6b-6ed3a63f3ec6/b58c3202-ed38-4667-9424-d99e0570b6d6.jpg" alt="La scheda Design del pannello delle impostazioni del testo è aperta. Il cursore sta cliccando sul menu a tendina Tag HTML" /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li>Seleziona <strong>Impostazioni</strong></li>  <li>Seleziona <strong>Wizard accessibilità</strong></li>  <li>Seleziona <strong>Scansiona il sito</strong></li>  <li>Seleziona le schede intitolate <strong>Definizione titolo</strong></li>  <li>Seleziona il tag HTML pertinente dal menu a tendina</li>  <li>Clicca su <strong>Definisci intestazione</strong></li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/07/cac03724-c700-4ba6-846d-adfcc8518a0f/5843629d-dfa8-4e85-9150-91f8932579f4.jpg" alt="La scheda definizione titolo nella procedura guidata del wizard. Il cursore sta cliccando sul tasto Definisci intestazione" /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Nota:</div><div class="info-content"><div>Il Wizard accessibilità <a data-composite="true" href="https://support.wix.com/it/article/richiesta-editor-studio-procedura-guidata-del-wizard-accessibilità" target="">non è attualmente disponibile nell'Editor Studio</a>.</div></div></div></div></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Lo sapevi che:</div><div class="info-content"><div>Il contenuto della pagina web viene &quot;letto&quot; dall'ordine DOM delle pagine del tuo sito. Puoi controllare questo ordine e modificarlo, se necessario. <a data-composite="true" href="https://support.wix.com/it/article/accessiblità-preparare-il-tuo-sito-per-i-gli-screen-reader" target="_blank">Scopri di più su come organizzare l'ordine del tuo sito</a>.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Qual è il prossimo passo?</div><div class="info-content"><div>Torna alla <a href="https://support.wix.com/it/article/editor-wix-migliorare-laccessibilità-del-tuo-sito">Checklist per l'accessibilità</a> per continuare a migliorare l'accessibilità del tuo sito.</div></div></div></div>

I visitatori con disabilità visive possono utilizzare tecnologie assistive come gli screen reader per navigare nel tuo sito. Aggiungi descrizioni alle tue immagini e gallerie utilizzando il testo alte...

Accessibilità: preparare immagini e gallerie

<div data-component-type="text"><div>I visitatori con disabilità visive possono utilizzare tecnologie assistive come gli screen reader per navigare nel tuo sito. Aggiungi descrizioni alle tue immagini e gallerie utilizzando il testo alternativo per renderle accessibili a questi visitatori.</div></div><div data-component-type="text"><div>Il testo alternativo fornisce informazioni sui tuoi contenuti multimediali e aiuta i motori di ricerca e gli screen reader a &quot;leggerli&quot;.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-alt-text" level="3">Aggiungere il testo alternativo</h2></div><div data-component-type="text"><div>L'alt text garantisce che i visitatori che utilizzano gli screen reader possano accedere e comprendere il contenuto del tuo sito, quindi ti consigliamo di aggiungerlo a tutte le immagini pertinenti, inclusi i contenuti multimediali che appaiono in app come Wix Stores, Wix Bookings, ecc.  </div></div><div data-component-type="text"><div>Aggiungi l'alt text a immagini e gallerie nel tuo creatore di siti (Editor Wix ed Editor Studio). Se usi l'Editor Wix, puoi anche aggiungere un alt text nel <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-informazioni-sulla-procedura-guidata-per-laccessibilità" target="">Wizard accessibilità</a>.</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Wizard-acc." class="tab-heading heading-0">Wizard acc.</div><div data-slug="Editor-Studio" class="tab-heading heading-1">Editor Studio</div><div data-slug="Editor-Wix" class="tab-heading heading-2">Editor Wix</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><div>Usa la procedura guidata del Wizard accessibilità per aggiungere alt text alle immagini del sito e alle immagini che appaiono nelle tue app Wix Stores e Bookings.</div></div><div data-component-type="heading"><h2 id="" level="4">Per aggiungere alt text alle immagini del sito:</h2></div><div data-component-type="text"><ol>
  <li>Clicca su <strong>Impostazioni</strong> nel menu in alto dell'Editor</li>  <li>Seleziona <strong>Wizard accessibilità</strong></li>  <li>Clicca su <strong>Scansiona il mio sito</strong></li>  <li>Seleziona le schede intitolate <strong>Testo alternativo</strong></li>  <li>Inserisci la descrizione dell'immagine nel campo <strong>Che cosa contiene l'immagine?</strong></li>  <li>Clicca su <strong>Configura testo alternativo</strong></li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/01/15/81f37376-0fbf-490c-994c-5f4aaf0b8c1c/bd403d1c-6d92-4eca-93b3-3d67a9de423a.png" alt="Il Wizard accessibilità. Il campo di alt text di un'immagine è stato compilato. Il cursore sta cliccando su" /></div></div><div data-component-type="heading"><h2 id="" level="4">Per aggiungere alt text alle immagini dell'app:</h2></div><div data-component-type="text"><ol>
  <li>Clicca su <strong>Impostazioni</strong> nel menu in alto dell'Editor</li>  <li>Seleziona <strong>Wizard accessibilità</strong></li>  <li>Clicca su <strong>Scansiona il mio sito</strong></li>  <li>Seleziona il menu a tendina di <strong>Wix Stores</strong> o <strong>Wix Bookings</strong></li>  <li>Seleziona le schede intitolate <strong>Testo alternativo</strong></li>  <li>(Solo per Wix Stores) Seleziona ogni immagine del prodotto o immagine della variante del prodotto</li>  <li>Inserisci la descrizione dell'immagine nel campo <strong>Che cosa contiene l'immagine?</strong></li>  <li>Clicca su <strong>Configura testo alternativo</strong></li>  <li>Clicca su <strong>Fatto</strong></li></ol><div><br /></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/01/15/fa5d9a6b-afc0-482b-85e1-9d8df9ca0cc8/c4a46afd-8eba-405e-a681-21dd5ed77769.png" alt="Il campo dell'alt text per l'immagine di un prodotto Stores è stato compilato. Sono evidenziati i tasti Imposta testo alternativo e Fatto" /></div></div></div><div class="tab-content"><div data-component-type="text"><div>Aggiungi alt text alle singole immagini dal pannello Impostazioni e alle Pro Gallery dal Gestore media del sito.</div></div><div data-component-type="heading"><h2 id="" level="4">Per aggiungere alt text alle immagini:</h2></div><div data-component-type="text"><ol>
  <li>Clicca sull'immagine pertinente nell'Editor Studio</li>  <li>Clicca sull'icona Impostazioni <img data-composite="true" src="https://lh6.googleusercontent.com/8-UMJ89YYXHroj1NSpWPlvTwhmZwyU7bOQy46RT1qG2ufLc7_ol3Lo8NpRQjvjzuWE4IV_1tsJ-luN-IVxXWonsMDj8z8TNAi5Pv9SagQRbeIpIbv-aV1gbmPWErze9FcQ88tpgs" /></li>  <li>Scrivi una breve descrizione per la tua immagine sotto <strong>Cosa contiene l'immagine?</strong></li>  <li>Premi <strong>Invio</strong> sulla tastiera per salvare</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/01/15/217b3d08-0263-4f60-a51f-9ecf253ec627/57bffe05-3b86-4edb-a264-fb2402f0538e.jpg" alt="Pannello delle impostazioni dell'immagine nell'Editor Studio. Il campo dell'alt text è compilato e in evidenza" /></div></div><div data-component-type="heading"><h2 id="" level="4">Per aggiungere l'alt text alle Pro Gallery:</h2></div><div data-component-type="text"><ol>
  <li>Clicca sulla galleria nell'Editor Studio</li>  <li>Clicca su <strong>Gestisci Media</strong></li>  <li>Seleziona l'immagine desiderata</li>  <li>Inserisci un titolo per l'immagine nell'apposito campo</li>  <li>Modifica l'alt text per l'immagine sotto <strong>Testo alternativo</strong> se desideri che sia diverso dal titolo dell'immagine</li>  <li>Clicca su <strong>Fatto</strong></li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/01/15/592cca29-8e8b-41a0-bade-f8bcd41941db/9387defc-3128-4158-8c8e-084ec53cbc6e.png" alt="Gestore media in cui è selezionata un'immagine. Il campo dell'alt text è evidenziato e compilato" /></div></div></div><div class="tab-content"><div data-component-type="text"><div>Puoi aggiungere alt text alle immagini dal pannello Impostazioni, e puoi aggiungerlo alle gallerie dal Gestore media. </div></div><div data-component-type="heading"><h2 id="" level="4">Per aggiungere alt text alle immagini:</h2></div><div data-component-type="text"><ol>
  <li>Clicca sull'immagine nell'Editor</li>  <li>Clicca sull'icona Impostazioni<strong> </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/07611794-742f-4d53-8c5b-24ba712a6934/2020/06/23/06955fac-1634-4797-aeb6-b08b5e8a58f5/d9af6de1-fbfd-4b4c-92a0-4244031ed4f3.png" /></li>  <li>Inserisci una descrizione dell'immagine in <strong>Cosa contiene l'immagine?</strong></li>  <li>Premi <strong>Invio</strong> sulla tastiera per salvare</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/01/15/3c965d02-9870-49e7-bed4-a30e8c69e40c/76d7fc6d-9c29-46c4-8799-64ac40180937.png" alt="Pannello delle impostazioni dell'immagine nell'Editor. Il campo dell'alt text è compilato e il cursore si trova su di esso" /></div></div><div data-component-type="heading"><h2 id="" level="4">Per aggiungere alt text alle gallerie:</h2></div><div data-component-type="text"><ol>
  <li>Clicca sulla galleria nell'Editor</li>  <li>Clicca su <strong>Gestisci Media</strong> o <strong>Cambia immagini</strong></li>  <li>Clicca su un'immagine per selezionarla</li>  <li>Inserisci un titolo per l'immagine a destra</li>  <li>(Per Wix Pro Gallery) Modifica l'alt text della tua immagine sotto <strong>Testo alternativo</strong> se vuoi che sia diverso dal titolo dell'immagine</li>  <li>Clicca su <strong>Fatto</strong></li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/01/15/03389f2c-823a-48e6-84a6-27b55120223a/5c632a8f-9f4d-4310-9dc2-54d457b9849b.png" alt="Pro Gallery nel Gestore media. Il campo dell'alt text è in evidenza" /></div></div></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Suggerimento:</div><div class="info-content"><div>Assicurati di pubblicare il sito in modo che l'alt text sia online.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Nota:</div><div class="info-content"><div>Al momento non è possibile aggiungere alt text alle immagini e alle gallerie in blocco. Se desideri avere accesso a questa funzionalità in futuro, puoi <a data-composite="true" href="https://support.wix.com/it/article/richiesta-aggiungere-e-modificare-in-blocco-il-testo-alternativo" target="">votarla qui</a>.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="marking-images-as-decorative" level="3">Contrassegnare le immagini come decorative</h2></div><div data-component-type="text"><div>Le immagini decorative non contribuiscono al contenuto del tuo sito, in quanto hanno solo scopo estetico o decorativo.</div></div><div data-component-type="text"><div>Se un'immagine sul tuo sito è decorativa e non è rilevante per il contesto del tuo sito, non è necessario aggiungere del testo alternativo. Puoi contrassegnare un'immagine come &quot;decorativa&quot; nel Wizard accessibilità per assicurarti che i motori di ricerca e gli screen reader la saltino automaticamente.</div></div><div data-component-type="heading"><h2 id="" level="4">Per contrassegnare un'immagine come decorativa:</h2></div><div data-component-type="text"><ol>
  <li>Clicca su <strong>Impostazioni</strong> nella parte superiore dell'Editor</li>  <li>Clicca su <strong>Wizard accessibilità</strong></li>  <li>Clicca su <strong>Scansiona il mio sito</strong></li>  <li>Clicca sulla scheda <strong>Testo alternativo</strong> per l'immagine pertinente</li>  <li>Seleziona la casella di spunta <strong>L'immagine è decorativa e non ha bisogno di una descrizione</strong></li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/01/10/0f47939b-860f-4234-b129-a75d139e4db5/95b1cf21-153f-4dcf-8e42-f663a1434275.png" alt="Screenshot che mostra l'opzione dell'immagine decorativa selezionata nella procedura guidata del Wizard accessibilità" /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Nota:</div><div class="info-content"><div>Puoi contrassegnare le immagini come decorative solo se non hanno già un testo alternativo. Per contrassegnare un'immagine con testo alternativo come decorativa, rimuovi il testo alternativo dall'Editor, quindi scansiona di nuovo il tuo sito con la procedura guidata del Wizard accessibilità.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="text-in-images" level="3">Testo nelle immagini</h2></div><div data-component-type="text"><div>Questo si riferisce a immagini che contengono immagini o testo aggiunto.</div></div><div data-component-type="text"><div>Il testo nelle immagini non può essere &quot;letto&quot; dai motori di ricerca o dagli screen reader. Tuttavia, se l'immagine è necessaria e il testo ha un contesto rispetto al sito, è possibile aggiungerla alla descrizione dell'immagine.</div></div><div data-component-type="text"><div>Se il testo non ha contesto o non contribuisce al contenuto del sito, non è necessario aggiungerlo alla descrizione dell'immagine.</div></div><div data-component-type="text"><div>Seleziona un'opzione qui sotto per saperne di più sul testo dell'immagine da aggiungere o da non aggiungere alla descrizione dell'immagine.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Testo importante</h4><div class="collapsible-content"><div>Il testo rilevante è il testo delle immagini che sono importanti per il contesto del sito e contribuiscono al contenuto.</div><div><br /></div><div>Ad esempio, l'immagine qui sotto potrebbe essere presente su un sito di notizie che descrive gli eventi di una protesta. Il testo nell'immagine ha rilevanza per il contesto del sito, quindi dovrebbe essere aggiunto alla descrizione dell'immagine.</div><div><br /></div><div>Potrebbe essere: <em>Un gruppo di persone a una protesta. Uno dei manifestanti regge un cartello con scritto &quot;No!&quot;</em></div><div><br /></div><div>  <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/06/25/8c621748-0fcd-430e-ae15-86c3d41d7eff/541cb4ca-296f-4c18-a32a-4d488d618aa2.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Testo non importante</h4><div class="collapsible-content"><div>Esempi di testo nelle immagini che potrebbero non essere rilevanti includono filigrane o testo aggiunto o riprodotto a scopo decorativo.</div><div><br /></div><div>Ad esempio, l'immagine qui sotto potrebbe essere visualizzata in un post di un blog su una chiesa. Il testo sui cartelli non è rilevante per il contesto del post, quindi non è necessario che sia incluso nel testo alternativo.</div><div><br /></div><div>La descrizione dell'immagine potrebbe essere: <em>Cartello stradale di fronte a una chiesa. Il cartello è coperto di fiori.</em></div><div><br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/06/25/6a8340e5-3791-410f-8494-955c651a963e/c3ae110c-5562-4dff-803c-84d4b22ced0a.png" /></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="images-of-text" level="3">Immagini di testo</h2></div><div data-component-type="text"><div>Le immagini di testo contengono solo testo e nessun altro elemento nella foto. Alcuni esempi di questo includono immagini di caratteri o loghi che contengono solo testo.</div></div><div data-component-type="text"><div>Poiché non sono elementi di testo &quot;reali&quot;, le immagini del testo non possono essere lette dai motori di ricerca o dagli screen reader. Ti consigliamo di evitarli ove possibile e di sostituirli con elementi di testo reali per migliorare la SEO e l'accessibilità del tuo sito. </div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Prossimo passo:</div><div class="info-content"><div>Torna alla <a href="https://support.wix.com/it/article/editor-wix-migliorare-laccessibilità-del-tuo-sito">Lista di cose da fare per l'accessibilità</a> per continuare a migliorare il tuo sito per l'accessibilità.</div></div></div></div>

I visitatori con problemi di vista potrebbero avere difficoltà a distinguere tra il primo piano e lo sfondo delle pagine di un sito. Pertanto, ti consigliamo di controllare e regolare il contrasto del...

Accessibilità: preparare il testo e la grafica

<div data-component-type="text"><div>I visitatori con problemi di vista potrebbero avere difficoltà a distinguere tra il primo piano e lo sfondo delle pagine di un sito. Pertanto, ti consigliamo di controllare e regolare il contrasto del colore sul tuo sito, se necessario.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="our-recommendations" level="3">I nostri consigli</h2></div><div data-component-type="text"><div>Al fine di aumentare l'accessibilità per i visitatori con esigenze visive diverse, ti consigliamo quanto segue:</div></div><div data-component-type="text"><ul><li>Modificare il colore del testo e il contrasto del colore di sfondo a un rapporto di 4,5: 1 per il testo normale e 3: 1 per il testo di grandi dimensioni</li><li>Un rapporto di contrasto di almeno 3: 1 per la grafica e i componenti dell'interfaccia utente (come i bordi di input del modulo, i testi segnaposto, ecc.)</li><li>Il livello AAA richiede un rapporto di contrasto maggiore di almeno 7: 1 per il testo normale e di 4.5: 1 per il testo di grandi dimensioni</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Lo sapevi che:</div><div class="info-content"><div>Il testo grande è definito come superiore a 14 punti (circa 18 px) e grassetto, o 18 punti (circa 24 px).</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="finding-color-codes" level="3">Trovare i codici colore</h2></div><div data-component-type="text"><div>Puoi trovare i codici colore in qualsiasi site builder che stai utilizzando (Editor Studio o Editor Wix).</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Editor-Studio" class="tab-heading heading-0">Editor Studio</div><div data-slug="Editor-Wix" class="tab-heading heading-1">Editor Wix</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol>
  <li>Seleziona l'elemento pertinente (testo, sfondo della striscia, riquadro contenitore, ecc.)</li>  <li>Clicca sull'icona <strong>Apri Ispezione</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/2dd40586-1f79-4376-aee0-387212a246bb/dfed4075-2e24-4ad8-a7c4-8857038d5f16.png" /> in alto a destra dell'Editor</li>  <li>Clicca sulla scheda <strong>Design</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/01/15/89d6f135-f1be-4ecf-ad3c-c472a012387f/3f8a4045-d91e-4fd7-afcf-0fec7041d10f.png" /></li>  <li>Clicca sulla casella del colore per aprire il selettore colori</li>  <li>Passa il mouse sul colore per vedere il codice</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/06/a94613b8-833d-4fca-b2fe-bc88952971c9/8159577b-28c9-4533-b5dd-e8b00dce4247.jpg" alt="Il selettore colori nell'Editor Studio. Il cursore si trova su un colore e il codice è evidenziato sul pannello" /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li>Seleziona l'elemento pertinente (testo, sfondo della striscia, riquadro contenitore, ecc.) e accedi al <strong>Selettore colori</strong></li>  <li>Passa il mouse su uno qualsiasi dei colori per visualizzare il codice colore</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/06/987e1f71-14d9-4355-9600-9fdae03039c0/2e535f26-c7cd-4b48-bf08-f17406fc74a3.png" alt="Il selettore colori nell'Editor Wix. Il cursore si trova su un colore e il codice è evidenziato sul pannello" /></div></div></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Testare i contrasti di colore:</div><div class="info-content"><div>Esistono numerosi siti e plug-in per il browser come <a href="https://webaim.org/resources/contrastchecker/" target="_blank">Contrast Checker</a> che verifica il contrasto del colore confrontando i colori degli elementi in primo piano e di sfondo (utilizzando i codici dei colori). Per controllare il contrasto del colore per il testo su un'immagine di sfondo, ti consigliamo di utilizzare <a href="https://developer.paciellogroup.com/resources/contrastanalyser/" target="_blank">Colour Contrast Analyzer</a> che ti permette di scegliere il colore dello sfondo e poi di provarlo.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adjusting-color-contrast" level="3">Regolare il contrasto del colore</h2></div><div data-component-type="text"><div>Puoi utilizzare il <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-informazioni-sulla-procedura-guidata-per-laccessibilità" target="">Wizard accessibilità</a> per trovare e regolare qualsiasi contrasto di colore basso sulle pagine del tuo sito. Il Wizard è uno strumento che scansiona il tuo sito alla ricerca di potenziali problemi di accessibilità e ti consente di abilitare le impostazioni avanzate per continuare a migliorare l'accessibilità del tuo sito.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Dovresti sapere che:</div><div class="info-content"><div>Il Wizard è disponibile solo nell'Editor Wix. <a data-composite="true" href="https://support.wix.com/it/article/richiesta-editor-studio-procedura-guidata-del-wizard-accessibilità" target="">Vota per aggiungere il Wizard accessibilità all'Editor Studio</a>.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Per regolare il contrasto:</h2></div><div data-component-type="text"><ol>
  <li>Seleziona <strong>Impostazioni</strong></li>  <li>Seleziona <strong>Wizard accessibilità</strong></li>  <li>Seleziona <strong>Scansiona il sito</strong></li>  <li>Seleziona le schede intitolate <strong>Contrasto colore</strong></li>  <li>Utilizza il cursore per regolare il colore del testo e dello sfondo</li>  <li>Seleziona <strong>Applica modifiche</strong></li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/06/df090a3b-8288-4687-b670-206f42e37cd4/23ddf314-fc74-4bb4-8064-8262b32ee11a.jpg" alt="Il contrasto colore è aperto nel Wizard. Il contrasto è stato regolato e il cursore si trova su Applica modifiche" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Stai visualizzando grafici o dati sul tuo sito?</div><div class="info-content"><div>Il colore ad alto contrasto è un ottimo modo per visualizzare i dati sul tuo sito. Tuttavia, ti consigliamo di utilizzare anche altri indicatori (come aspetto e pattern) per differenziare le informazioni.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Prossimo passo:</div><div class="info-content"><div>Torna alla <a href="https://support.wix.com/it/article/editor-wix-migliorare-laccessibilità-del-tuo-sito">Checklist per l'accessibilità</a> per continuare a migliorare l'accessibilità del tuo sito.</div></div></div></div>

Se hai documenti sul tuo sito, ti consigliamo di migliorarne l'accessibilità per garantire che tutti i visitatori del sito possano visualizzarli e utilizzarli.Dovresti sapere che:Poiché i documenti PD...

Accessibilità: rendere accessibili i file dei documenti

<div data-component-type="text"><div>Se hai documenti sul tuo sito, ti consigliamo di migliorarne l'accessibilità per garantire che tutti i visitatori del sito possano visualizzarli e utilizzarli.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Dovresti sapere che:</div><div class="info-content"><div>Poiché i documenti PDF e Word non sono prodotti Wix, devi modificarli sulle rispettive piattaforme/programmi.</div></div></div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://helpx.adobe.com/acrobat/using/create-verify-pdf-accessibility.html" target="_blank">Scopri come rendere accessibili i file PDF</a></li>  <li><a data-composite="true" href="https://support.microsoft.com/it-it/office/make-your-word-documents-accessible-to-people-with-disabilities-d9bf3683-87ac-47ea-b91a-78dcacb3c66d?ui=en-us&amp;rs=en-us&amp;ad=us" target="_blank">Scopri come rendere accessibili i tuoi documenti Word</a></li></ul></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Qual è il prossimo passo?</div><div class="info-content"><div>Torna alla <a href="https://support.wix.com/it/article/editor-wix-migliorare-laccessibilità-del-tuo-sito">Checklist per l'accessibilità</a> per continuare a migliorare l'accessibilità del tuo sito.</div></div></div></div>

Quando aggiungi contenuti multimediali come video, GIF e file audio al tuo sito, devi assicurarti che siano accessibili a tutti i visitatori del sito.Puoi farlo aggiungendo alternative, come trascrizi...

Accessibilità: rendere accessibili video e audio

<div data-component-type="text"><div>Quando aggiungi contenuti multimediali come video, GIF e file audio al tuo sito, devi assicurarti che siano accessibili a tutti i visitatori del sito.</div></div><div data-component-type="text"><div>Puoi farlo aggiungendo alternative, come trascrizioni e didascalie. Ciò garantisce che i visitatori del tuo sito con disabilità o handicap possano accedere e godere dei contenuti del tuo sito. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-text-descriptions-to-media-without-sound" level="3">Aggiungere descrizioni di testo ai media senza audio</h2></div><div data-component-type="text"><div>Se il tuo sito contiene GIF o video senza audio, i visitatori con problemi di vista potrebbero non essere in grado di vederli.</div></div><div data-component-type="text"><div>Ti consigliamo di aggiungere una descrizione di testo al contenuto multimediale che descriva ciò che sta accadendo. Ad esempio, la descrizione di testo di questa GIF potrebbe essere: <em>Una GIF del sole con la parola &quot;New&quot; (Nuovo) mostrata a intermittenza.</em></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/06/29/b567d7fc-af07-4ffe-b02b-cf560471903f/4e5c1124-78d7-4571-b70a-7cf429978190.gif" alt="Gif del sole con la parola" /></div></div><div data-component-type="text"><div>Ciò migliora l'accessibilità del tuo sito, poiché gli screen reader possono &quot;leggere&quot; la descrizione e informare il visitatore del contenuto dei media. <a data-composite="true" href="https://www.w3.org/WAI/media/av/description/" target="_blank">Scopri di più sulle descrizioni di testo per i media</a> (pagina in inglese).</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-text-transcripts-to-audio-files" level="3">Aggiungere trascrizioni di testo ai file audio</h2></div><div data-component-type="text"><div>Dovresti allegare trascrizioni di testo a tutti i file audio che carichi sul tuo sito. Ciò migliora l'accessibilità, in quanto garantisce che i visitatori sordi o con problemi di udito possano accedervi e godere di questi contenuti.</div></div><div data-component-type="text"><div>Puoi creare una trascrizione scrivendola in un documento e inserendo un link a tale documento sotto o sopra il file audio. <a data-composite="true" href="https://www.w3.org/WAI/media/av/transcripts/" target="_blank">Scopri di più sulla creazione di trascrizioni per i tuoi file audio</a> (pagina in inglese).</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/06/29/af11e670-7b1a-4287-a495-3367c17e76f4/3a6a72d3-a8c4-4b4f-846d-a84d58983d3e.png" alt="L'immagine di un lettore audio. Il testo illustrato sopra avvisa i visitatori che possono cliccare per ascoltare. Il link sotto il lettore audio porta alla trascrizione." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Suggerimento:</div><div class="info-content"><div>Puoi collegare la tua trascrizione <a data-composite="true" href="https://support.wix.com/it/article/editor-wix-aggiungere-un-collegamento-ipertestuale-ad-un-testo#hyperlinking-text" target="">tramite testo</a> o <a data-composite="true" href="https://support.wix.com/it/article/editor-wix-aggiungere-un-link-a-un-tasto#adding-a-link-to-your-button" target="">con un tasto</a>. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-captions-to-videos" level="3">Aggiungere didascalie ai video</h2></div><div data-component-type="text"><div>Aggiungere didascalie ai tuoi video è un buon modo per garantire che i visitatori con problemi di udito o cognitivi abbiano la possibilità di comprendere e apprezzare i tuoi contenuti. </div></div><div data-component-type="text"><div>Le didascalie non contengono solo i sottotitoli. Contengono anche la descrizione di suoni che non fanno parte dei dialoghi. Ad esempio, le didascalie nello screenshot del video qui sotto includono la musica di sottofondo. <a data-composite="true" href="https://www.w3.org/WAI/perspective-videos/captions/" target="">Scopri di più sulle didascalie video</a> (pagina in inglese).</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/06/29/1f9e49c8-3778-48bc-99d4-79d08e660071/d0d2212f-5836-40c9-a88e-ca31c7dad970.png" alt="Immagine di un lettore video che mostra un'immagine fissa, inclusa la didascalia:" /></div></div><div data-component-type="text"><div>La maggior parte dei siti di hosting video (come YouTube) offre una funzione &quot;Sottotitoli codificati&quot;, che consente agli spettatori di attivare i sottotitoli durante la visualizzazione del video. Se carichi il tuo video, puoi aggiungere didascalie con un software di editing video esterno, come Amara. <a data-composite="true" href="https://wethegeek.com/best-closed-captioning-software/" target="_blank">Scopri altre opzioni di software per sottotitoli</a> (pagina in inglese).</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Suggerimento:</div><div class="info-content"><div>Ti consigliamo di offrire didascalie in più lingue, in quanto sono utili anche per gli spettatori che non parlano la lingua usata nel tuo video.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-audio-descriptions-to-videos" level="3">Aggiungere descrizioni audio ai video</h2></div><div data-component-type="text"><div>Le descrizioni audio sono un tipo di audio che viene aggiunto ai video per migliorarne l'accessibilità, descrivendo gli eventi ai visitatori con problemi di vista e che devono necessariamente ricorrere all'audio per navigare e comprendere il contenuto del tuo sito. </div></div><div data-component-type="text"><div>Le descrizioni audio sono descrizioni registrate di eventi visivi che non producono suoni, come il movimento, le espressioni facciali e i cambiamenti di illuminazione. Ad esempio, un bollettino meteorologico può includere la descrizione audio: &quot;Il meteorologo sta indicando il nord-est del Paese&quot;.</div></div><div data-component-type="text"><div>Le descrizioni audio vengono aggiunte tra un dialogo e altri audio importanti, in modo che il pubblico possa ascoltarle chiaramente. Puoi aggiungere descrizioni audio all'interno del video stesso o aggiungendo una traccia audio extra. <a data-composite="true" href="https://digital.gov/2014/06/30/508-accessible-videos-how-to-make-audio-descriptions/" target="_blank">Scopri di più su come creare descrizioni audio</a> (pagina in inglese).</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-captions-to-live-events" level="3">Aggiungere didascalie agli eventi live</h2></div><div data-component-type="text"><div>Ti consigliamo di aggiungere didascalie a tutti gli eventi in diretta streaming sul tuo sito. Ciò assicura che anche i visitatori sordi o con problemi di udito riescano a vederli e apprezzarli. </div></div><div data-component-type="text"><div>Esistono due metodi per aggiungere didascalie agli eventi live sul tuo sito:</div></div><div data-component-type="text"><ul>
  <li><strong>Script:</strong> gli artisti, i conduttori o i presentatori usano uno script prestabilito, che viene quindi incorporato nella diretta streaming. Questo metodo è comunemente usato in eventi come le rappresentazioni teatrali</li>  <li><strong>Live:</strong> le didascalie vengono aggiunte in tempo reale all'evento in streaming da una persona o da un programma software. Questo metodo viene utilizzato in eventi che utilizzano script minimi o nulli, come registrazioni di podcast in diretta e cerimonie di premiazione</li></ul></div><div data-component-type="text"><div>Alcuni browser, come <a data-composite="true" href="https://blog.google/products/chrome/live-caption-chrome/" target="_blank">Chrome</a> (pagina in inglese), consentono ai visitatori di abilitare didascalie live dal loro dispositivo. Tuttavia, se desideri trasmettere il tuo evento da <a data-composite="true" href="https://support.google.com/youtube/answer/3068031?hl=it#zippy=%2Clive-caption-requirements-for-events%2Cturning-on-closed-captions-for-events" target="_blank">YouTube</a>, le didascalie dovranno essere incorporate nel video o trasmesse tramite un software in grado di inviarle su POST HTTP, come <a data-composite="true" href="https://streamtext.net/" target="_blank">StreamText</a> (pagina in inglese). </div></div>

I caratteri sono il modo in cui il testo viene modellato e appare. Wix offre numerosi caratteri, oltre alla possibilità di caricare e utilizzare i tuoi caratteri.Alcuni caratteri sono più leggibili di...

Accessibilità: caratteri e leggibilità

<div data-component-type="text"><div>I caratteri sono il modo in cui il testo viene modellato e appare. Wix offre numerosi caratteri, oltre alla possibilità di caricare e utilizzare i tuoi caratteri.</div></div><div data-component-type="text"><div>Alcuni caratteri sono più leggibili di altri, quindi è importante assicurarti che quelli che usi sul tuo sito possano essere letti facilmente. La scelta di caratteri chiari e leggibili può aiutare i visitatori che hanno esigenze visive o di lettura aggiuntive.</div></div><div data-component-type="heading"><h2 id="" level="3">Linee guida per l'accessibilità dei caratteri</h2></div><div data-component-type="text"><div>Ti consigliamo di seguire queste linee guida quando aggiungi testo e caratteri al tuo sito:</div></div><div data-component-type="text"><ul>
  <li>Scegli un carattere che abbia un equilibrio tra l'ambiguità del carattere e la complessità del carattere. I caratteri devono essere facilmente distinguibili l'uno dall'altro, ma devono anche avere modelli e forme semplici</li></ul></div><div data-component-type="text"><ul>
  <li>Utilizza un numero limitato di caratteri sul tuo sito ed evita di avere più caratteri tipografici nello stesso blocco di testo</li></ul></div><div data-component-type="text"><ul>
  <li>Evita caratteri di piccole dimensioni, dove possibile. Ti consigliamo di mantenere la grandezza del tuo testo a 14 pixel e oltre</li></ul></div><div data-component-type="text"><ul>
  <li>Assicurati che il tuo font abbia una spaziatura sufficiente tra caratteri, parole e linee. Questo assicura che il testo non venga compattato e possa essere letto facilmente</li></ul></div><div data-component-type="text"><ul>
  <li>Tieni presente che il testo formattato come corsivo, tutto maiuscolo e barrato può essere più difficile da leggere per i visitatori con problemi di vista e lettura</li></ul></div><div data-component-type="text"><ul>
  <li>Fai attenzione al contrasto di colore tra il testo e lo sfondo, soprattutto quando utilizzi caratteri leggeri. <a data-composite="true" href="https://support.wix.com/it/article/editor-wix-accessibilità-preparare-il-testo-e-la-grafica" target="">Scopri di più sul contrasto dei colori</a></li></ul></div><div data-component-type="text"><ul>
  <li>Tieni a mente l'allineamento del testo. Il testo giustificato contiene variazioni di spaziatura che possono influire sulla leggibilità. Ti consigliamo di allineare il testo a sinistra, poiché è il più facile da leggere nelle lingue da sinistra a destra</li></ul></div><div data-component-type="text"><ul>
  <li>I blocchi di testo e i paragrafi devono contenere uno spazio vuoto tra di loro e intorno ad essi per garantire che possano essere facilmente letti e distinti</li></ul></div><div data-component-type="text"><ul>
  <li>Avere troppi o troppo pochi caratteri in una riga può influire sulla leggibilità. Ti consigliamo di mantenere la lunghezza della riga tra 50 e 120 caratteri, dove possibile</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Qual è il prossimo passo?</div><div class="info-content"><div>Torna alla <a href="https://support.wix.com/it/article/editor-wix-migliorare-laccessibilità-del-tuo-sito">Checklist per l'accessibilità</a> per continuare a migliorare l'accessibilità del tuo sito.</div></div></div></div>

I contenuti animati, in movimento e con riproduzione automatica su un sito possono influire sull'esperienza per i visitatori con condizioni cognitive o neurologiche (es. epilessia, chinetosi, ecc.), c...

Accessibilità: riduzione del movimento

<div data-component-type="text"><div>I contenuti animati, in movimento e con riproduzione automatica su un sito possono influire sull'esperienza per i visitatori con condizioni cognitive o neurologiche (es. epilessia, chinetosi, ecc.), così come coloro che utilizzano tecnologie assistive. </div></div><div data-component-type="text"><div>Ti consigliamo quindi di ridurre i movimenti all'interno del sito, ove possibile. Ci sono 2 modi principali per ridurre al minimo il movimento: evitando gli effetti di scorrimento ed evitando o limitando la riproduzione automatica.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Da dove ottiene Wix le sue informazioni?</div><div class="info-content"><div>Le nostre raccomandazioni si basano sulle <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">Linee guida per l'accessibilità dei contenuti web (WCAG)</a>, che è un documento sviluppato dal <a data-composite="true" href="https://www.w3.org/" target="_blank">World Wide Web Consortium (W3C)</a> (contenuti in inglese).</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="scroll-effects-on-a-site" level="3">Effetti di scorrimento su un sito</h2></div><div data-component-type="text"><div>Gli effetti di scorrimento vengono generalmente applicati agli sfondi di pagine, sezioni e contenitori. Poiché questi effetti possono far sì che lo sfondo e il primo piano (gli elementi collegati) si spostino a velocità diverse o in direzioni diverse, possono creare problemi ai visitatori con disturbi vestibolari o dell'attenzione.</div></div><div data-component-type="text"><div>Ti consigliamo di aggiungere questi effetti solo quando sono essenziali per la funzionalità del sito o per trasmettere informazioni. <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/animation-from-interactions.html" target="_blank">Leggi le linee guida WCAG sull'animazione dalle interazioni</a> (contenuti in inglese).</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="autoplay-on-a-site" level="3">Riproduzione automatica su un sito</h2></div><div data-component-type="text"><div>Alcuni lettori video e audio potrebbero essere impostati per la riproduzione automatica al caricamento della pagina. Tuttavia, ciò può causare confusione e distrarre i visitatori. Ad esempio, un lettore audio che si avvia automaticamente può sovrascrivere o &quot;parlare sopra&quot; uno screen reader. </div></div><div data-component-type="text"><div>Ti consigliamo di limitare la riproduzione automatica sul sito, ove possibile. Tuttavia, se hai contenuti visivi o audio, puoi utilizzare le seguenti linee guida per migliorarne l'accessibilità:</div></div><div data-component-type="text"><ul>
  <li><strong>Video/contenuti visivi:</strong> <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/pause-stop-hide.html" target="_blank">aggiungi una funzione per interrompere, mettere in pausa o nascondere</a> i video/contenuti visivi che:
    <ul>
      <li>Iniziano automaticamente</li>      <li>Vengono visualizzati parallelamente ad altri contenuti della pagina</li>      <li>Sono più lunghi di 5 secondi</li>    </ul>  </li>  <li><strong>Contenuti audio:</strong> <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/audio-control.html" target="_blank">aggiungi opzioni per regolare/disattivare il volume</a> dei contenuti audio che:
    <ul>
      <li>Iniziano automaticamente</li>      <li>Sono più lungo di 3 secondi</li>    </ul>  </li></ul></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="how-site-visitors-can-reduce-motion" level="3">Come i visitatori del sito possono ridurre il movimento degli elementi</h2></div><div data-component-type="text"><div>Se decidi di utilizzare contenuti in movimento o con la riproduzione automatica sul sito, i visitatori possono disabilitare queste opzioni dal sistema operativo e dal browser del loro dispositivo: </div></div><div data-component-type="text"><ul>
  <li><strong>Effetti di scorrimento/animazione:</strong> i visitatori possono disattivare le animazioni nelle impostazioni del loro sistema:
    <ul>
      <li><strong>Windows 11: </strong><a data-composite="true" href="https://support.microsoft.com/en-us/windows/make-it-easier-to-focus-on-tasks-0d259fd9-e9d0-702c-c027-007f0e78eaf2#WindowsVersion=Windows_11" target="_blank">effetti di animazione</a></li>      <li><strong>Mac:</strong> <a data-composite="true" href="https://support.apple.com/en-ie/guide/mac-help/mchlc03f57a1/mac" target="_blank">riduzione del movimento/riproduzione automatica delle immagini animate</a></li>    </ul>  </li>  <li><strong>Contenuti video/audio:</strong> i visitatori possono impedire la riproduzione automatica dei contenuti audio/video sui siti dal loro browser:
    <ul>
      <li><strong>Google Chrome:</strong> <a data-composite="true" href="https://support.google.com/chrome/answer/9692215?sjid=4561388418345466340-EU" target="_blank">impostazioni audio</a></li>      <li><strong>Microsoft Edge:</strong> <a data-composite="true" href="https://www.microsoft.com/en-us/edge/learning-center/manage-autoplay?form=MA13I2" target="_blank">riproduzione automatica dei contenuti multimediali</a></li>    </ul>  </li></ul></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Qual è il prossimo passo?</div><div class="info-content"><div>Torna alla <a href="https://support.wix.com/it/article/editor-wix-migliorare-laccessibilità-del-tuo-sito">Checklist per l'accessibilità</a> per continuare a migliorare l'accessibilità del tuo sito.</div></div></div></div>

La maggior parte delle normative sull'accessibilità web si basa sulle specifiche internazionali delineate nelle Linee guida per l'accessibilità dei contenuti web (WCAG) (contenuti in inglese). Tuttavi...

Accessibilità: rispetto delle normative regionali

<div data-component-type="text"><div>La maggior parte delle normative sull'accessibilità web si basa sulle specifiche internazionali delineate nelle <a data-composite="true" href="https://www.w3.org/TR/WCAG22/" target="">Linee guida per l'accessibilità dei contenuti web (WCAG)</a> (contenuti in inglese). Tuttavia, possono variare a seconda delle regioni e quindi ti consigliamo di controllare i requisiti per la tua zona. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="compliance-and-your-wix-site" level="3">Conformità e il tuo sito Wix</h2></div><div data-component-type="text"><div>Quando crei un sito con Wix, ci occupiamo di alcune funzionalità/configurazioni di accessibilità del backend, tra cui: </div></div><div data-component-type="text"><ul>
  <li>Funzionalità della tastiera</li>  <li>Definire gli attributi ARIA per gli elementi Wix</li>  <li>Indicatori di messa a fuoco</li>  <li>Link &quot;Passa al contenuto principale&quot;</li></ul></div><div data-component-type="text"><div>La nostra <a data-composite="true" href="https://support.wix.com/it/article/editor-wix-migliorare-laccessibilità-del-tuo-sito" target="">checklist per l'accessibilità</a> indica come apportare ulteriori modifiche e aumentare l'accessibilità dei contenuti e degli elementi aggiunti. Poiché le normative locali possono variare, i passaggi in questa checklist sono universali, quindi coprono le basi per la maggior parte delle regioni.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante</div><div class="info-content"><div>Lavoriamo costantemente per aggiornare e migliorare i nostri prodotti, ma non possiamo garantire che l'uso dei nostri servizi sia conforme alle normative e ai regolamenti sull'accessibilità di tutte le regioni.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="accessibility-audits" level="3">Audit di accessibilità</h2></div><div data-component-type="text"><div>La conformità è una questione legale. Pertanto, una volta completata la checklist, dovrai far controllare il tuo sito da un consulente legale per l'accessibilità locale.</div></div><div data-component-type="text"><div>Gli audit confermano legalmente il successo della conformità o ti forniscono i passaggi necessari per la tua regione.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><div>In qualità di proprietario del sito, sei responsabile della revisione e del rispetto della normativa locale applicabile a te o ai visitatori del tuo sito.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Hai domande o feedback?</div><div class="info-content"><div>Se hai bisogno di aiuto per completare i passaggi aggiuntivi richiesti nella tua zona, o se vuoi condividere un feedback o richiedere altri strumenti di accessibilità, <a data-composite="true" href="http://www.wix.com/contact" target="_blank">contattaci</a>.</div></div></div></div>

I moduli consentono ai visitatori del sito di inviare informazioni, iscriversi a una mailing list e altro ancora. Quando crei un modulo, è importante tenerne presente l'accessibilità per garantire che...

Accessibilità: creare un modulo Wix accessibile

<div data-component-type="text"><div>I moduli consentono ai visitatori del sito di inviare informazioni, iscriversi a una mailing list e altro ancora. Quando crei un modulo, è importante tenerne presente l'accessibilità per garantire che tutti possano visualizzarlo e utilizzarlo. </div></div><div data-component-type="text"><div>Segui i passaggi in questo articolo per creare un modulo con cui i visitatori possono navigare, interagire e ottenere il massimo dal tuo sito.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-display-field-titles" level="3">Passaggio 1 | Mostra i titoli dei campi</h2></div><div data-component-type="text"><div>Mostra i titoli dei campi per consentire ai visitatori di identificare ogni campo del modulo. La visualizzazione dei titoli fornisce chiarezza e indica ai visitatori il campo in cui si trovano attualmente.</div></div><div data-component-type="heading"><h2 id="" level="4">Per visualizzare i titoli dei campi:</h2></div><div data-component-type="text"><ol>
  <li>Seleziona il modulo nell'Editor</li>  <li>Clicca su <strong>Modifica modulo</strong></li>  <li>Seleziona un campo modulo</li>  <li>Clicca su <strong>Impostazioni</strong></li>  <li>Passa il mouse sul titolo del campo e clicca sull'icona <strong>Altre azioni</strong> <img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXcC5vRw8B_ITz9qd1n_rF0jP0XZvFe8Ly4NcbviMUHdlLJZIK7ATwxhjb-fPDytIlmc7hmtqMlqZt_sh3CtRvQOGzQRe_skqNqCTCHoFti1Yc1JZwr5M1G5d7vxKBGJAMf6oCDrRmiI9mYujNW1sBSBKREb?key=dRllTO6NEoYu0-D1JuBE8A" /></li>  <li>Clicca su <strong>Mostra titolo del campo</strong></li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/06/704b585c-e85a-42a3-a4f6-4918fc22ea7d/de509bb7-f65c-4ee0-9aa6-8c945a368eb3.jpg" alt="I moduli sono al centro. È stato selezionato un campo e il mouse sta cliccando su" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-define-your-field-titles" level="3">Passaggio 2 | Definisci i titoli dei campi</h2></div><div data-component-type="text"><div>Dopo aver abilitato i titoli dei campi, assicurati di definirli chiaramente. Il titolo dovrebbe essere specifico per garantire che i visitatori sappiano esattamente cosa è richiesto (cognome, numero di telefono, ecc.).</div></div><div data-component-type="heading"><h2 id="" level="4">Per definire i titoli dei campi:</h2></div><div data-component-type="text"><ol>
  <li>Seleziona il modulo nell'Editor</li>  <li>Clicca su <strong>Modifica modulo</strong></li>  <li>Seleziona un campo modulo</li>  <li>Clicca su <strong>Impostazioni</strong></li>  <li>Inserisci il testo sotto <strong>Titolo del campo</strong></li>  <li>Clicca su <strong>Salva</strong></li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/06/b0c417e6-adb2-4bbb-9ac2-2d4990c1374b/83955b53-2aba-47eb-9a01-33be5f0f8066.jpg" alt="I moduli sono al centro. È stato selezionato un campo e il mouse sta cliccando sul campo del titolo" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-customize-the-forms-design" level="3">Passaggio 3 | Personalizza il design del modulo</h2></div><div data-component-type="text"><div>Modificare i <a data-composite="true" href="https://support.wix.com/it/article/moduli-wix-progettare-il-design-dei-moduli-del-tuo-sito" target="">campi e tasti del modulo</a> per stato (Normale, Passaggio del mouse ed Errore) può creare un'esperienza visiva logica. Ad esempio, ti consigliamo di personalizzare il design per lo stato Passaggio del mouse, in modo che i visitatori sappiano con quale parte del modulo stanno interagendo.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Lo sapevi che:</div><div class="info-content"><div>Lo stato Passaggio del mouse è l'aspetto del campo/tasto del modulo quando un visitatore passa il mouse su di esso. Lo stato Normale è il modo in cui viene visualizzato prima che un visitatore interagisca con esso.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Per personalizzare il design del modulo:</h2></div><div data-component-type="text"><ol>
  <li>Seleziona il modulo nell'Editor</li>  <li>Clicca su <strong>Impostazioni</strong></li>  <li>Seleziona <strong>Design</strong></li>  <li>Scegli quale parte del modulo vuoi personalizzare:
    <ul>
      <li><strong>Campi</strong>: 
        <ol>
          <li>Seleziona <strong>Campi del modulo</strong></li>          <li>Seleziona <strong>Passaggio del mouse</strong> dal menu a tendina</li>          <li>Modifica il design del campo:
            <ul>
              <li><strong>Colore e opacità: </strong>imposta il colore dello sfondo del campo e trascina il cursore per modificare l'opacità</li>              <li><strong>Colore e opacità bordo:</strong> imposta il colore e l'opacità del bordo del campo</li>            </ul>          </li>        </ol>      </li>      <li><strong>Tasti:</strong>
        <ol>
          <li>Seleziona <strong>Tasti</strong></li>          <li>Seleziona il tasto che vuoi personalizzare (Invio, Indietro, Caricamento, ecc.)</li>          <li>Clicca sulla scheda <strong>Passaggio del mouse</strong></li>          <li>Modifica il design del tasto:
            <ul>
              <li><strong>Colore testo:</strong> imposta il colore del testo del tasto nello stato al passaggio del mouse</li>              <li><strong>Colore e opacità: </strong>imposta il colore dello sfondo del tasto e trascina il cursore per modificare l'opacità</li>              <li><strong>Colore e opacità bordo:</strong> imposta il colore e l'opacità del bordo del tasto</li>            </ul>          </li>        </ol>      </li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/07/f9359600-cb03-4d29-bbce-67dba5e29d86/8b155fad-596d-41c2-8d1b-ef00a834a912.jpg" alt="Il pannello di design del campo modulo è aperto. Lo stato Passaggio del mouse è stato selezionato e il mouse sta cliccando sulla casella del colore" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Suggerimenti:</div><div class="info-content"><ul>
  <li>Dovresti anche personalizzare i campi del modulo nello stato Errore per garantire una migliore accessibilità</li>  <li><a data-composite="true" href="https://support.wix.com/it/article/editor-wix-accessibilità-preparare-il-testo-e-la-grafica" target="">Scopri di più sui colori e il contrasto nell'accessibilità del sito</a></li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-4-enable-visual-indicators-on-your-site" level="3">Passaggio 4 | Abilita gli indicatori visivi sul tuo sito</h2></div><div data-component-type="text"><div>Gli indicatori visivi possono aiutare le persone con diverse esigenze visive/mobilità a navigare nel tuo sito. Quando li abiliti, i visitatori che utilizzano il tasto Tab possono vedere un riquadro blu attorno alla sezione o all'elemento in cui si trovano. <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-abilitare-e-disabilitare-i-riquadri-blu-indicatori-visivi" target="">Scopri di più sugli indicatori visivi</a>.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title"></div><div class="info-content"><div>Gli indicatori visivi vengono abilitati automaticamente sui siti creati nell'Editor Studio.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Per abilitare gli indicatori visivi:</h2></div><div data-component-type="text"><ol>
  <li>Seleziona <strong>Impostazioni </strong>nella barra superiore dell'Editor Wix</li>  <li>Seleziona <strong>Wizard accessibilità</strong></li>  <li>Seleziona l'icona <strong>Altre azioni</strong> <img data-composite="true" src="https://lh6.googleusercontent.com/opXJFSSKoZdZ0l3N8VdFcrR4TnvE4tiiTz1AHYBHytfL3f-dkfjJ1TOkrC6j10wq-fDeiHvvQRjeAs3Hb-Lo3v0PmC_O6vamAU4QV6z69ZVZUzUC3VXQE7c6E5eOVQNncGR4w70a" /> in alto a destra del Wizard </li>  <li>Seleziona <strong>Impostazioni avanzate per l'accessibilità</strong></li>  <li>Seleziona <strong>Indicatori visivi</strong> </li>  <li>Abilita l'interruttore <strong>Consenti alle persone che utilizzano la tastiera di navigare sul tuo sito </strong></li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/07/22/451e930b-a31a-4d26-915c-95ff0c2c53a4/f00095b7-c375-43b5-aaba-479698334c3f.png" alt="L'interruttore degli indicatori visivi è stato abilitato nelle impostazioni avanzate del Wizard accessibilità" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Prossimo passo:</div><div class="info-content"><div>Torna alla <a href="https://support.wix.com/it/article/editor-wix-migliorare-laccessibilità-del-tuo-sito">Checklist per l'accessibilità</a> per continuare a migliorare l'accessibilità del tuo sito. </div></div></div></div>

Wix offre template con funzionalità di accessibilità integrate, in modo che i visitatori con disabilità possano ottenere il massimo dal tuo sito. Questi template sono un ottimo modo per iniziare a cre...

Accessibilità: template con funzionalità di accessibilità

<div data-component-type="text"><div>Wix offre template con funzionalità di accessibilità integrate, in modo che i visitatori con disabilità possano ottenere il massimo dal tuo sito. Questi template sono un ottimo modo per iniziare a creare un sito accessibile a tutti i visitatori, indipendentemente dalle loro capacità.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/09/07/85e6bf05-c707-40a6-bd37-933da0447387/d4911e23-e097-4aef-8b52-714a080b173e.png" alt="Screenshot dei template accessibili disponibili da Wix" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="accessibility-templates" level="3">Template con funzionalità di accessibilità</h2></div><div data-component-type="text"><div>I template accessibili hanno funzionalità di accessibilità predefinite, come le strutture di intestazione accessibili e il contrasto dei colori del sito. Le funzionalità offerte variano a seconda dello stile del template scelto. <a data-composite="true" href="https://it.wix.com/website/templates/html/accessible" target="">Visualizza, scopri in anteprima e modifica i template accessibili</a>.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><div>Alcune funzionalità avanzate di accessibilità, come le etichette ARIA personalizzate e il testo alternativo, non sono incluse in questi template e devono essere aggiunte manualmente.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="continue-optimizing-your-site-for-accessibility" level="3">Continua a ottimizzare l'accessibilità del tuo sito</h2></div><div data-component-type="text"><div>Dopo aver aggiunto e modificato il template del tuo sito, ti consigliamo di consultare la nostra <a href="https://support.wix.com/it/article/editor-wix-migliorare-laccessibilità-del-tuo-sito# accessibility-checklist" target="_ blank">lista</a> per assicurarti che il tuo sito abbia utilizzato tutte le funzionalità di accessibilità che offriamo.</div></div><div data-component-type="text"><div>Ulteriori passaggi includono:</div><div><br /></div><ul>
  <li><a href="https://support.wix.com/it/article/editor-wix-accessibilità-preparare-la-struttura-del-sito" target="_ blank">Preparare la struttura del tuo sito</a></li>  <li><a href="https://support.wix.com/it/article/accessibilità-ridurre-il-movimento-per-gli-elementi-del-sito" target="_ blank">Ridurre il movimento</a></li>  <li><a href="https://support.wix.com/it/article/accessibilità-aggiungere-una-dichiarazione-di-accessibilità-al-tuo-sito" target="_ blank">Aggiungere una dichiarazione di accessibilità</a></li>  <li><a href="https://support.wix.com/it/article/accessibilità-preparare-le-tue-immagini-e-le-tue-gallerie" target="_ blank">Preparare immagini e gallerie</a></li>  <li><a href="https://support.wix.com/it/article/editor-wix-accessibilità-preparare-il-testo-e-la-grafica" target="_ blank">Preparare testo e grafica</a></li></ul></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><div>Mentre ci impegniamo costantemente per garantire che tutti, indipendentemente dalle loro capacità, possano utilizzare i nostri prodotti e servizi, non possiamo garantire che il tuo sito sia conforme alle leggi e ai regolamenti locali sull'accessibilità.</div><div><br /></div><div>Ti consigliamo di consultare la nostra lista di controllo dell'accessibilità e di consultare un esperto di accessibilità per assicurarti che il tuo sito soddisfi i criteri indicati nelle normative sull'accessibilità della tua regione.</div></div></div></div>

Alcuni visitatori del sito (come quelli con disabilità visive o disturbi visivi) potrebbero utilizzare uno strumento di zoom sul browser per ingrandire il contenuto e gli elementi che non sono abbasta...

Accessibilità: informazioni sui contenuti ingranditi

<div data-component-type="text"><div>Alcuni visitatori del sito (come quelli con disabilità visive o disturbi visivi) potrebbero utilizzare uno strumento di zoom sul browser per ingrandire il contenuto e gli elementi che non sono abbastanza grandi o nitidi da poter essere visti al 100%.</div></div><div data-component-type="text"><div>Garantire che il tuo sito sia completamente visibile con lo zoom è quindi una parte importante dell'accessibilità, in quanto aiuta i visitatori a visualizzare e navigare tra i contenuti. </div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Lo sapevi che:</div><div class="info-content"><div>Tutti i contenuti del tuo sito dovrebbero essere chiari, visibili e leggibili con uno <strong>zoom al 200%</strong>.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="checking-your-sites-zoom" level="3">Controllare lo zoom del sito</h2></div><div data-component-type="text"><div>Ti consigliamo di controllare lo zoom del sito per assicurarti che tutti i tuoi contenuti siano chiari e visibili al 200%. Puoi farlo dalle impostazioni del browser.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Mostrami come controllare su Chrome</h4><div class="collapsible-content"><ol>
  <li>Seleziona l'icona <strong>Altre azioni</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/7f40210b-c6c2-4c15-bbcf-5bb78a69d10e/2020/05/19/a53b52b5-9ef9-4c51-a650-d3d64405ede7/656a564f-13b8-47be-a40f-b5d29b7d0e41.png" /> in alto a destra del browser</li>  <li>Aumenta il livello di zoom cliccando sull'icona <strong>Più</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/7f40210b-c6c2-4c15-bbcf-5bb78a69d10e/2020/05/19/5a2c2bb5-a459-4934-9d6c-9f7222655653/b5230cf0-4640-4dbf-834e-65d6d63fff3a.png" /> o premi <strong>Ctrl</strong> e <strong>+</strong> sulla tastiera</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Mostrami come controllare su Safari</h4><div class="collapsible-content"><ol>
  <li>Seleziona <strong>Vista</strong> nella barra degli strumenti del browser</li>  <li>Aumenta il livello di zoom cliccando su <strong>Ingrandisci</strong> o premi <strong>cmd</strong> e <strong>+</strong> sulla tastiera</li></ol></div></div></div><div data-component-type="text"><div>Se, per migliorare l'accessibilità del tuo sito, stai utilizzando il Wizard accessibilità, puoi controllare il sito seguendo i passaggi precedenti e contrassegnarlo come &quot;Fatto&quot; nella procedura guidata. </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Mostrami come fare</h4><div class="collapsible-content"><ol>
  <li>Scansiona il tuo sito con il Wizard accessibilità e <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-usare-la-procedura-guidata-per-laccessibilità#step-2-fix-detected-issues" target="">correggi gli eventuali problemi rilevati</a></li>  <li>Seleziona <strong>Passa allo step 2</strong></li>  <li>Seleziona la scheda con il titolo <strong>Contenuto ingrandito</strong> e segui i passaggi riportati di seguito:
    <ol>
      <li>Visualizza l'anteprima dei tuoi contenuti con uno zoom del 200% per assicurarti che sia tutto visibile e leggibile</li>      <li>Al termine, seleziona la casella di spunta accanto a <strong>Hai finito? contrassegna come completato</strong></li>      <li>Seleziona <strong>Fatto</strong></li>    </ol>  </li></ol><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/05/12/a4cfd05f-1799-4f5a-8baf-7fc99f1a3b9c/accbbffb-a3c1-4846-8110-a13d91ad8df9.png" /></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="resolving-issues-in-zoomed-view" level="3">Risoluzione dei problemi nella vista ingrandita</h2></div><div data-component-type="text"><div>Quando controlli i contenuti ingranditi sul tuo sito, ci sono alcune cose da tenere a mente che potrebbero influire sull'accessibilità del tuo sito. Se noti uno dei seguenti problemi, ti consigliamo di correggerli per garantire un'esperienza migliore ai tuoi visitatori.</div></div><div data-component-type="heading"><h2 id="pinned-elements" level="4">Elementi fissi</h2></div><div data-component-type="text"><div>Gli elementi fissi sono sempre visibili sul tuo sito live, anche quando i visitatori scorrono la pagina verso l'alto o verso il basso. Gli elementi fissi comunemente includono menu e tasti.</div></div><div data-component-type="text"><div>Se hai fissato elementi sia a sinistra che a destra dello schermo, potresti notare che si sovrappongono quando ingrandisci. Gli elementi fissi di grandi dimensioni potrebbero anche bloccare altri contenuti del sito. </div></div><div data-component-type="text"><div>Puoi <a data-composite="true" href="https://support.wix.com/it/article/editor-wix-fissare-un-elemento#changing-the-settings-of-a-pinned-element" target="">modificare la posizione degli elementi fissi</a> per evitare la sovrapposizione o il blocco dei contenuti, oppure puoi <a data-composite="true" href="https://support.wix.com/it/article/editor-wix-lavorare-con-gli-elementi#resizing-your-elements" target="">ridimensionare gli elementi</a> per rimpicciolirli.</div></div><div data-component-type="heading"><h2 id="elements-outside-the-gridlines" level="4">Elementi fuori dalle linee guida</h2></div><div data-component-type="text"><div>L'Editor Wix contiene le <a data-composite="true" href="https://support.wix.com/it/article/editor-wix-linee-griglia" target="">linee guida per aiutarti a mantenere visibili i contenuti del tuo sito su schermi di tutte le dimensioni</a>. Gli elementi che non rientrano nelle linee guida potrebbero quindi non essere visibili su schermi più piccoli o quando un visitatore usa lo zoom per ingrandire.</div></div><div data-component-type="text"><div>Se il contenuto del sito viene tagliato quando ingrandisci, ti consigliamo di <a data-composite="true" href="https://support.wix.com/it/article/editor-wix-lavorare-con-gli-elementi#moving-your-elements" target="">spostare l'elemento all'interno delle linee guida</a>.</div></div>

La navigazione del sito è il modo in cui i visitatori si spostano tra le pagine e i contenuti del sito. Un sito dovrebbe avere più metodi di navigazione coerenti, in quanto ciò può renderlo accessibil...

Accessibilità: navigazione nel sito

<div data-component-type="text"><div>La navigazione del sito è il modo in cui i visitatori si spostano tra le pagine e i contenuti del sito. Un sito dovrebbe avere più metodi di navigazione coerenti, in quanto ciò può renderlo accessibile a un pubblico più ampio. Ad esempio, alcuni visitatori potrebbero trovare più facile cliccare e altri potrebbero trovare più facile digitare.</div></div><div data-component-type="text"><div>Al momento sono disponibili 2 metodi di navigazione che puoi aggiungere al tuo sito Wix: menu e barra di ricerca nel sito.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Da dove ottiene Wix le sue informazioni?</div><div class="info-content"><ul>
  <li>Le nostre raccomandazioni si basano sul documento <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">Linee guida per l'accessibilità dei contenuti web (WCAG)</a> (contenuti in inglese), che è stato sviluppato dal <a data-composite="true" href="https://www.w3.org/" target="_blank">World Wide Web Consortium (W3C)</a></li>  <li>Questo articolo si basa sul <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/multiple-ways" target="_blank">criterio di successo 2.4.5 (in più modi)</a> e il <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/consistent-navigation.html" target="_blank">criterio di successo 3.2.3 (navigazione coerente)</a> (contenuti in inglese)</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-site-menu" level="3">Aggiungere un menu al sito</h2></div><div data-component-type="text"><div>I menu del sito sono un metodo di navigazione diffuso e di solito sono posizionati nell'intestazione o nel piè di pagina del tuo sito. Usali per mostrare pagine, sezioni e link in modo che i visitatori possano trovare e accedere ai contenuti del sito. </div></div><div data-component-type="text"><div>La maggior parte dei template di sito contiene già dei menu. Tuttavia, puoi anche aggiungere un menu dal pannello <strong>Aggiungi elementi</strong> nell'Editor del sito.</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Editor-Studio" class="tab-heading heading-0">Editor Studio</div><div data-slug="Editor-Wix" class="tab-heading heading-1">Editor Wix</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Vai al tuo Editor</a></li>  <li>Clicca su <strong>Aggiungi elementi </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/cef22a14-dfc9-43c7-a54f-72ed83266050/741248d2-4240-497e-a282-2a7d15d8afac.png" /> sul lato sinistro dell'Editor</li>  <li>Clicca su <strong>Menu e ricerca</strong> </li>  <li>Seleziona il tipo di menu che desideri (Orizzontale, Verticale, ecc.)</li>  <li>Clicca e trascina il menu per aggiungerlo al tuo sito</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/06/dffea31c-0991-4363-bc8a-04ec8a5a82e0/eecf09c5-5406-4ffe-b117-e5c99be0c5d0.jpg" alt="Aggiungi elementi nell'Editor Studio. Menu e ricerca è evidenziato e il cursore sta cliccando su un menu orizzontale" /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Vai al tuo Editor</a></li>  <li>Clicca su <strong>Aggiungi elementi </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" /> sul lato sinistro dell'Editor</li>  <li>Clicca su <strong>Menu e ancora</strong></li>  <li>Seleziona il tipo di menu che desideri (Orizzontale, Verticale, ecc.)</li>  <li>Clicca e trascina il menu per aggiungerlo al tuo sito</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/06/bc582988-5eaa-42cd-80f0-26b27a01c3ef/b5bc7f2c-f64d-4db9-9889-e7c3e4879d87.jpg" alt="Aggiungi elementi nell'Editor Wix. Menu e ancora è evidenziato e il cursore sta cliccando su un menu orizzontale" /></div></div></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-site-search" level="3">Aggiungere la Barra di ricerca</h2></div><div data-component-type="text"><div>La ricerca nel sito consente ai visitatori di trovare contenuti o informazioni specifici tramite una barra di ricerca e mostra i risultati in un elenco. Questo può migliorare l'accessibilità, in quanto i visitatori non hanno bisogno di cliccare o scorrere i contenuti per trovare ciò che desiderano.</div></div><div data-component-type="text"><div>Installa Ricerca nel sito dal pannello <strong>Aggiungi elementi</strong> nell'Editor Se l'hai già installata, puoi aggiungere una nuova barra di ricerca.</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Editor-Studio-0" class="tab-heading heading-0">Editor Studio</div><div data-slug="Editor-Wix-1" class="tab-heading heading-1">Editor Wix</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Vai al tuo Editor</a></li>  <li>Clicca su <strong>Aggiungi elementi </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/cef22a14-dfc9-43c7-a54f-72ed83266050/741248d2-4240-497e-a282-2a7d15d8afac.png" /> sul lato sinistro dell'Editor</li>  <li>Clicca su <strong>Menu e ricerca</strong> </li>  <li>Seleziona <strong>Ricerca nel sito</strong></li>  <li>Aggiungilo al sito:
    <ol>
      <li>(Se si installa per la prima volta) Clicca su <strong>Aggiungi al sito</strong> <img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcrZJ7ls2yKCv1uvXeLZCbudmC8gjaVk84R7xHn7HoGmzVDeqZ3NQdnCldUbhrk0AN4v07WmK49Y2o2Nwynv68UknnIhL_mNEFOSlcITjraeFTYNjnI9Z2qNUuV6zBTtY1Y4Zmh?key=k_2EM6zsnpqJcxQF7aCXIg" /></li>      <li>Clicca e trascina la barra di ricerca scelta per aggiungerla al sito</li>    </ol>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/06/5d200efc-8767-4e43-b312-89dc083309da/62bdc851-deef-48bb-8ed8-e4790842a502.jpg" alt="Aggiungi elementi nell'Editor Studio. Ricerca nel sito è evidenziato e il cursore sta cliccando sull'icona per aggiungerla" /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Vai al tuo Editor</a></li>  <li>Clicca su <strong>Aggiungi elementi </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" /> sul lato sinistro dell'Editor</li>  <li>Clicca su <strong>Menu e ancora</strong></li>  <li>Seleziona <strong>Ricerca nel sito</strong></li>  <li>Aggiungilo al sito:
    <ol>
      <li>(Se si installa per la prima volta) Clicca su <strong>Aggiungi al sito</strong> <img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcrZJ7ls2yKCv1uvXeLZCbudmC8gjaVk84R7xHn7HoGmzVDeqZ3NQdnCldUbhrk0AN4v07WmK49Y2o2Nwynv68UknnIhL_mNEFOSlcITjraeFTYNjnI9Z2qNUuV6zBTtY1Y4Zmh?key=k_2EM6zsnpqJcxQF7aCXIg" /></li>      <li>Clicca e trascina la barra di ricerca scelta per aggiungerla al sito</li>    </ol>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/12/02/8e38590b-5cea-4649-901c-4d213dda9efb/8e451a50-f4f7-4d8b-b000-ffc2be02e290.jpg" alt="Aggiungi elementi nell'Editor Wix. Ricerca nel sito è evidenziato e il mouse sta cliccando per aggiungerlo al sito" /></div></div></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Dovresti sapere che:</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/it/article/informazioni-sulla-barra-di-ricerca-wix-wix-site-search#visitors-can-search-for-the-content-they-need" target="">Alcuni elementi/contenuti del sito non possono essere trovati da Ricerca nel sito</a>.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Qual è il prossimo passo?</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/it/article/aggiungere-e-configurare-la-barra-di-ricerca-nel-sito" target="">Configura Ricerca sul sito</a> affinché abbia l'aspetto e il comportamento che desideri.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="consistent-site-navigation" level="3">Navigazione coerente del sito</h2></div><div data-component-type="text"><div>Una volta aggiunti i metodi di navigazione del sito, dovresti assicurarti che siano visibili nella stessa posizione su tutte le pagine del sito.</div></div><div data-component-type="text"><div>Se stai creando un sito con l'Editor Studio, puoi allegare gli elementi di navigazione all'<a data-composite="true" href="https://support.wix.com/it/article/editor-studio-utilizzare-gli-schemi-globali" target="">intestazione, al piè di pagina o a uno schema globale</a>.</div></div><div data-component-type="text"><div>Con l'Editor Wix, puoi allegare elementi di navigazione all'<a data-composite="true" href="https://support.wix.com/it/article/editor-wix-organizzare-i-contenuti-sulle-pagine-del-tuo-sito" target="">intestazione o piè di pagina del sito</a>. Se preferisci mostrarli nel corpo della pagina, puoi <a data-composite="true" href="https://support.wix.com/it/article/editor-wix-mostrare-un-elemento-su-tutte-le-pagine" target="">impostarli in modo che vengano mostrati su tutte le pagine</a>.</div></div>

L'accessibilità web garantisce che tutti, comprese le persone con disabilità, possano accedere, navigare e godere del tuo sito. Alcuni visitatori vedono i siti web in modo diverso ed è importante adat...

Accessibilità: verificare l'accessibilità del sito con il monitor Accessibilità

<div data-component-type="text"><div>L'<a data-composite="true" href="https://support.wix.com/it/article/accessibilità-informazioni-sullaccessibilità-web" target="">accessibilità web</a> garantisce che tutti, comprese le persone con disabilità, possano accedere, navigare e godere del tuo sito. Alcuni visitatori vedono i siti web in modo diverso ed è importante adattare il tuo sito per agevolare queste esperienze.</div></div><div data-component-type="text"><div>Ci sono vari modi per controllare e migliorare l'accessibilità del tuo sito, incluso il monitor Accessibilità. Il monitor è uno strumento che scansiona il tuo sito live alla ricerca di potenziali problemi di accessibilità e mostra lo stato sul Pannello di controllo del tuo sito.</div></div><div data-component-type="text"><div><strong>In questo articolo, scopri di più su:</strong></div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://support.wix.com/it/article/accessibilità-verificare-laccessibilità-del-sito-con-il-monitor-accessibilità#checking-and-using-the-accessibility-monitor" target="">Controllare e utilizzare il monitor Accessibilità</a></li>  <li><a data-composite="true" href="https://support.wix.com/it/article/accessibilità-verificare-laccessibilità-del-sito-con-il-monitor-accessibilità#faqs" target="">Domande frequenti (FAQ)</a></li></ul></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="checking-and-using-the-accessibility-monitor" level="3">Controllare e utilizzare il monitor Accessibilità</h2></div><div data-component-type="text"><div>Apri il monitor dal Pannello di controllo del tuo sito per controllare lo stato di accessibilità del tuo sito live. Se sono stati rilevati problemi, puoi utilizzare il monitor per aprire il <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-informazioni-sulla-procedura-guidata-per-laccessibilità" target="">Wizard accessibilità</a> nell'Editor Wix e risolvili.</div></div><div data-component-type="heading"><h2 id="" level="4">Per utilizzare il monitor Accessibilità:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://www.wix.com/my-account/site-selector/?buttonText=Vai%20al%20Pannello%20di%20controllo&amp;title=Seleziona%20un%20sito&amp;autoSelectOnSingleSite=true&amp;actionUrl=https://www.wix.com/dashboard/%7B%7BmetaSiteId%7D%7D/home/" target="_blank">Vai al Pannello di controllo del tuo sito</a></li>  <li>Passa il mouse su <strong>Sito e app mobile</strong> nel menu a sinistra</li>  <li>Seleziona <strong>Sito web</strong> sotto<strong> Sito web e SEO</strong></li>  <li>Controlla la scheda <strong>Accessibilità</strong></li>  <li>(Se sono stati identificati problemi) Clicca su <strong>Risolvi problemi</strong></li>  <li>Segui i <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-usare-la-procedura-guidata-per-laccessibilità" target="">passaggi del Wizard accessibilità</a> per migliorare l'accessibilità del tuo sito</li>  <li>Salva e pubblica le modifiche</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/09/09/94191cdb-eaf0-4e1f-ae84-db89fdd2f66a/4c4fe0e2-704d-4839-a08e-ec57a0b6e224.jpg" alt="Un Pannello di controllo del sito Wix. Il widget monitor Accessibilità è evidenziato. il mouse si trova su" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQ</h2></div><div data-component-type="text"><div>Seleziona una domanda per saperne di più sul monitor Accessibilità.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Su quali site builder è disponibile il monitor?</h4><div class="collapsible-content"><div>Come il <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-informazioni-sulla-procedura-guidata-per-laccessibilità" target="">Wizard accessibilità</a>, il monitor è disponibile solo per i siti creati nell'Editor Wix.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Qual è la differenza tra il Wizard accessibilità e il monitor?</h4><div class="collapsible-content"><div>Il monitor Accessibilità identifica i problemi <strong>solo</strong> nella versione pubblicata del tuo sito. Il <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-informazioni-sulla-procedura-guidata-per-laccessibilità" target="">Wizard accessibilità</a> identifica i problemi nella versione salvata del tuo sito (che potresti non aver ancora pubblicato).</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Con quale frequenza devo controllare il monitor?</h4><div class="collapsible-content"><div>Ti consigliamo di controllare il monitor ogni volta che pubblichi nuove modifiche sul tuo sito, in modo da poter continuare a migliorare l'accessibilità del tuo sito mentre espandi il tuo brand o la tua attività. </div></div></div></div>

Il Wizard accessibilità è uno strumento che ti aiuta a trovare e risolvere i problemi di accessibilità sul sito a cui stai lavorando. Scansiona il sito dal tuo Editor e ti guida attraverso le azioni p...

Accessibilità: informazioni sul Wizard accessibilità nell'Editor Studio

<div data-component-type="text"><div>Il Wizard accessibilità è uno strumento che ti aiuta a trovare e risolvere i problemi di accessibilità sul sito a cui stai lavorando. Scansiona il sito dal tuo Editor e ti guida attraverso le azioni per migliorare l'esperienza per i visitatori e i clienti del sito del tuo cliente. </div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><ul>
  <li>Questo articolo fa riferimento al Wizard accessibilità nell'Editor Studio. Per saperne di più sul Wizard nell'Editor Wix, <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-informazioni-sulla-procedura-guidata-per-laccessibilità" target="">clicca qui</a></li>  <li>Sebbene Wix si impegni costantemente per migliorare i suoi prodotti e servizi, non possiamo garantire che i siti siano conformi alle leggi e ai regolamenti sull'accessibilità della tua regione <strong>dopo aver utilizzato il Wizard</strong>. Ti consigliamo di consultare un esperto di accessibilità per assicurarti che il sito soddisfi gli standard della tua regione</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="get-a-comprehensive-overview" level="3">Ottieni una panoramica completa</h2></div><div data-component-type="text"><div>Quando <a data-composite="true" href="https://support.wix.com/it/article/accessibility-using-the-accessibility-wizard-in-the-studio-editor#scanning-the-site-with-the-accessibility-wizard" target="">scansioni un sito con il Wizard accessibilità</a>, i risultati vengono visualizzati in 2 schede: <strong>Problemi rilevati</strong> e <strong>Attività manuali</strong>.</div></div><div data-component-type="text"><div>Abbiamo basato queste attività sulle <a data-composite="true" href="https://www.w3.org/WAI/standards-guidelines/wcag/" target="_blank">Linee guida per l'accessibilità dei contenuti web (WCAG) 2.2</a> (contenuti in inglese). Questo documento è stato sviluppato dal <a data-composite="true" href="https://www.w3.org/" target="_blank">World Wide Web Consortium (W3C)</a> e delinea lo standard internazionale per l'accessibilità del web.</div></div><div data-component-type="text"><div>La scansione di un sito con il Wizard accessibilità è quindi un ottimo modo per avere un'idea dell'accessibilità del sito e ricevere suggerimenti utili per migliorarla. </div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Lo sapevi?</div><div class="info-content"><div>Le modifiche apportate vengono salvate nel Wizard mentre procedi, in modo da poter passare da una scheda all'altra (o uscire completamente dal Wizard) senza perdere alcun progresso.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="optimize-the-way-you-build-sites" level="3">Ottimizza il modo in cui crei i siti</h2></div><div data-component-type="text"><div>Il Wizard evidenzia ciò che si trova nella scheda <strong>Problemi rilevati</strong> e li divide in problemi a livello di sito e problemi a livello di pagina:</div></div><div data-component-type="text"><ul>
  <li><strong>Problemi a livello di sito:</strong> questi sono potenziali blocchi dell'accessibilità che si applicano all'intero sito (es. lingua principale del sito, ordine DOM, ecc.), in modo da poter apportare rapidamente modifiche generali</li>  <li><strong>Problemi a livello di pagine:</strong> ogni pagina del sito ha il proprio menu a tendina nel Wizard, che ti consente di aggiornare contenuti e impostazioni specifici come alt text, contrasto del colore e altro ancora</li></ul></div><div data-component-type="text"><div>I problemi rilevati sono un modo utile per iniziare a migliorare l'accessibilità di un sito e lavorare per creare un'esperienza uguale per tutti. <a data-composite="true" href="https://support.wix.com/it/article/accessibility-using-the-accessibility-wizard-in-the-studio-editor#fix-detected-issues" target="">Scopri di più sui problemi rilevati</a>.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="get-actionable-solutions" level="3">Ottieni soluzioni attuabili </h2></div><div data-component-type="text"><div>Ogni parte dell'accessibilità di un sito è importante. La scheda <strong>Attività manuali</strong> mostra le azioni o i problemi che il Wizard non è in grado di rilevare, aiutandoti a coprire la maggior parte del sito possibile.</div></div><div data-component-type="text"><div>La scheda fornisce linee guida dettagliate per regolare elementi e impostazioni, come l'uso del colore, lo zoom del browser e altro ancora. <a data-composite="true" href="https://support.wix.com/it/article/accessibility-using-the-accessibility-wizard-in-the-studio-editor#doing-manual-tasks" target="">Scopri di più sulle attività manuali</a>.</div></div><div data-component-type="text"><div>Svolgere ogni attività può aiutare i clienti a espandere la loro attività e fornire un'esperienza del sito più accessibile ai visitatori.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">È tutto pronto per cominciare?</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/it/article/accessibility-using-the-accessibility-wizard-in-the-studio-editor" target="">Scopri di più sulla scansione di un sito con il Wizard accessibilità</a>.</div></div></div></div>

Il Wizard accessibilità è uno strumento utile che può aiutarti a rendere il tuo sito più accessibile ai tuoi visitatori. A seconda del tipo di contenuto visivo o di back-end che hai sul tuo sito, potr...

Accessibilità: risoluzione dei problemi con il Wizard accessibilità

<div data-component-type="text"><div>Il <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-informazioni-sulla-procedura-guidata-per-laccessibilità" target="">Wizard accessibilità</a> è uno strumento utile che può aiutarti a rendere il tuo sito più accessibile ai tuoi visitatori. </div></div><div data-component-type="text"><div>A seconda del tipo di contenuto visivo o di back-end che hai sul tuo sito, potresti riscontrare alcuni problemi durante l'utilizzo del Wizard. Leggi l'articolo per scoprire di più su questi problemi e sulle loro potenziali soluzioni.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="color-contrast-on-images" level="3">Contrasto del colore nelle immagini</h2></div><div data-component-type="text"><div>Per rendere il testo del tuo sito chiaramente visibile, il Wizard segnala tutte le aree che non hanno un livello di contrasto del colore pari o superiore a 3,0 per testi di grandi dimensioni e 4,5 per i testi normali. Potresti vedere una di queste notifiche quando il contrasto del colore è sufficiente, ma hai inserito del testo su un'immagine.</div></div><div data-component-type="text"><div>Il Wizard calcola il contrasto in base alla luminosità del testo e allo <strong>sfondo della sezione</strong> o <strong>della striscia</strong> su cui si trova l'immagine. Pertanto, per risolvere questo problema, è necessario modificare la luminosità del testo o dello sfondo.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2023/10/09/c812240a-0c56-4aa0-b9fa-43dc354f15a7/08739e7c-686f-4901-8726-7f5ab07cd7aa.png" alt="Il Wizard in un sito Editor. È segnalato il contrasto del colore del testo su un'immagine" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="color-contrast-in-containers" level="3">Contrasto del colore nei contenitori</h2></div><div data-component-type="text"><div>Se metti del testo sopra un riquadro contenitore senza collegarlo al contenitore, il calcolo del contrasto del colore risulterà errato. Potresti quindi vedere una scheda che segnala un problema con il contrasto. </div></div><div data-component-type="text"><div>Questo perché il Wizard non riconosce il contenitore come sfondo, ma calcola il contrasto in base allo sfondo su cui si trova il contenitore (ad esempio una striscia o una sezione).</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2023/10/09/6f65f80f-8446-49a0-a50f-3330d2d21b8b/5db8ead6-5482-4241-8ebb-c119c7fa8f33.png" alt="Il Wizard in un sito Editor. Il contrasto del colore del testo è stato segnalato, nonostante si trovi sopra un contenitore" /></div></div><div data-component-type="text"><div>Per risolvere questo problema, devi collegare il testo al riquadro contenitore. </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Mostrami come collegare del testo a un contenitore</h4><div class="collapsible-content"><ol>
  <li>Seleziona la casella di testo pertinente nell'Editor</li>  <li>Trascinala fuori dal riquadro e rilasciala sulla sezione o striscia</li>  <li>Clicca di nuovo sulla casella di testo e trascinala nella posizione desiderata sul riquadro contenitore</li>  <li>Rilascia il testo quando vedi il messaggio <strong>Allega al riquadro</strong></li></ol><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/08/29/1a63f890-0d32-4904-9f8f-9c06c1b93f80/426cf749-0e3c-4260-87bf-bd0423df6677.png" alt="Screenshot di un riquadro nell'Editor. Il cursore ha trascinato il testo su di esso. C'è scritto" allega="Allega" al="al" riquadro="riquadro" /></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="heading-tags-on-your-pages" level="3">Tag dell'intestazione sulle pagine</h2></div><div data-component-type="text"><div>I <a data-composite="true" href="https://support.wix.com/it/article/gestire-i-tag-dellintestazione-della-tua-pagina" target="">tag dell'intestazione</a> definiscono la gerarchia del contenuto delle pagine e permettono ai visitatori di navigare al loro interno. Se non definisci il testo sulla pagina, il Wizard potrebbe mostrare delle schede che ti chiedono di impostare l'intestazione principale della pagina e i tag dell'intestazione di altro testo.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Risolvere i problemi relativi ai tag dell'intestazione</h4><div class="collapsible-content"><div>Potresti vedere tag duplicati in un'intestazione. Ciò si verifica quando il testo dell'intestazione contiene un'interruzione di riga. Ti consigliamo di rimuovere l'interruzione, ove possibile, o di rimuovere i tag duplicati.</div><div><br /></div><div>Se hai incollato il testo da una fonte esterna, potrebbero esserci diversi tag di intestazione in una singola casella di testo. Ti consigliamo di utilizzare caselle di testo separate per ogni tag HTML per migliorare l'accessibilità e garantire che il tuo sito venga scansionato in modo accurato.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Risolvere i problemi relativi alle intestazioni delle pagine</h4><div class="collapsible-content"><div>L'intestazione principale della pagina (H1) dovrebbe essere il titolo della pagina e descrivere l'argomento della pagina (es. Home, Progetti, ecc.). Poiché il titolo di ogni pagina dovrebbe essere unico, non dovrebbe: </div><div><br /></div><ul>
  <li>Essere collegato a una sezione che appare su tutte le pagine (l'intestazione del sito)</li>  <li>Essere impostato per <a data-composite="true" href="https://support.wix.com/it/article/editor-wix-mostrare-un-elemento-su-tutte-le-pagine" target="">apparire su tutte le pagine</a></li></ul><div><br /></div><div>Se ti viene richiesto di definire di nuovo l'intestazione della pagina, controlla che non sia nel titolo o configurala per apparire su tutte le pagine.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Vedi entrambe le schede Intestazione principale e Definizione intestazione nel Wizard?</div><div class="info-content"><div>Ti consigliamo di risolvere prima la scheda Intestazione principale. Questo risolve automaticamente una delle schede Definizione intestazione, quindi non dovrai definire di nuovo il testo.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="linked-text" level="3">Testo collegato</h2></div><div data-component-type="text"><div>Il Wizard potrebbe mostrare una scheda che segnala il testo collegato sul tuo sito o ti incoraggia a controllarlo manualmente. Questo perché il testo generico collegato (come &quot;Leggi di più&quot;) non descrive chiaramente cosa succede quando i visitatori cliccano su di esso.</div></div><div data-component-type="text"><div>Ti consigliamo di verificare che ogni testo collegato al tuo sito sia descrittivo e spieghi ai visitatori la sua funzione (ad esempio &quot;Leggi le recensioni del nostro programma&quot;).</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="alt-text-and-cms" level="3">Alt text e Gestore contenuti</h2></div><div data-component-type="text"><div>Se colleghi un'immagine a un dataset e aggiungi alt text tramite il collegamento, ti potrebbe essere richiesto di aggiungere di nuovo l'alt text nel Wizard accessibilità. Questo perché il Wizard non legge i dataset del tuo sito e prende le informazioni dalle impostazioni dell'immagine.</div></div><div data-component-type="text"><div>Per risolvere o impedire i problemi di alt text, ti consigliamo di aggiungere un alt text efficace all'immagine nell'Editor. Dopo aver collegato l'immagine al dataset, puoi verificare che il campo alt text sia effettivamente collegato all'alt text che hai aggiunto nell'Editor.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="aria-attributes-in-images" level="3">Attributi ARIA nelle immagini</h2></div><div data-component-type="text"><div>Gli <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-aggiungere-attributi-aria-ai-tuoi-elementi-o-applicazioni-personalizzati" target="">attributi ARIA</a> forniscono informazioni aggiuntive sulla semantica degli elementi nelle tecnologie assistive. Ti consigliamo di aggiungere attributi ARIA solo alle applicazioni web personalizzate sul tuo sito, poiché la maggior parte degli altri elementi presenta attributi precodificati. </div></div><div data-component-type="text"><div>Poiché l'alt text dà informazioni sui contenuti multimediali del sito alle tecnologie assistive, non è necessario aggiungere anche gli attributi ARIA. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="repeated-issues" level="3">Problemi ricorrenti</h2></div><div data-component-type="text"><div>Il Wizard potrebbe evidenziare i problemi che hai già risolto <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-usare-la-procedura-guidata-per-laccessibilità#step-3-find-and-fix-issues" target="">nel passaggio 3</a>. Ad esempio, se hai aggiunto una dichiarazione sull'accessibilità (e l'hai contrassegnata come completa nel Wizard), la scheda potrebbe ripresentarsi nuovamente quando esegui di nuovo la scansione del sito.</div></div><div data-component-type="text"><div>Le modifiche e impostazioni salvate dovrebbero comunque essere applicate al sito: basta cliccare sul tasto per contrassegnarle come completate.</div></div>

Attualmente, Wix non offre recensioni a pagamento o gratuite da parte di esperti per verificare quanto è accessibile il tuo sito. Per poter esaminare il tuo sito, devi contattare un consulente esterno...

Richiesta: ricezione di una recensione da un esperto di accessibilità Wix

<div data-component-type="text"><div>Attualmente, Wix non offre recensioni a pagamento o gratuite da parte di esperti per verificare quanto è accessibile il tuo sito. Per poter esaminare il tuo sito, devi contattare un consulente esterno per l'accessibilità nella tua regione.</div></div><div data-component-type="text"><div>Lavoriamo costantemente per aggiornare e migliorare i nostri prodotti e il tuo feedback è molto apprezzato.</div></div><div data-component-type="text"><div>Se questa è una funzionalità che vorresti vedere in futuro, fai clic su <strong>Vota per questa funzionalità</strong> e faremo in modo di tenerti aggiornato.</div></div>

Al momento, non è possibile modificare l'ordine delle schede e DOM del contenuto della pagina per lingue diverse, ad esempio, le lingue che si leggono da destra a sinistra.Lavoriamo costantemente per ...

Richiesta di accessibilità: modificare l'ordine di tabulazione per lingue diverse

<div data-component-type="text"><div>Al momento, non è possibile modificare l'ordine delle schede e DOM del contenuto della pagina per lingue diverse, ad esempio, le lingue che si leggono da destra a sinistra.</div></div><div data-component-type="text"><div>Lavoriamo costantemente per aggiornare e migliorare i nostri prodotti e il tuo feedback è molto apprezzato.</div></div><div data-component-type="text"><div>Se questa è una funzionalità che vorresti vedere in futuro, clicca su <strong>Vota per questa funzionalità</strong> e ci assicureremo di tenerti aggiornato.</div></div>

Quando crei il tuo sito con Wix, è importante tenere in considerazione l'accessibilità. Ciò garantisce che tutti i visitatori, indipendentemente dalle loro capacità, possano accedere e godere dei cont...

Accessibilità: cosa fare per migliorare l'accessibilità del tuo sito

<div data-component-type="text"><div>Quando crei il tuo sito con Wix, è importante tenere in considerazione l'accessibilità. Ciò garantisce che tutti i visitatori, indipendentemente dalle loro capacità, possano accedere e godere dei contenuti del tuo sito.</div></div><div data-component-type="text"><div>Ti consigliamo di controllare manualmente il tuo sito usando la checklist riportata qui di seguito, per assicurarti che i tuoi visitatori abbiano un'esperienza fluida e semplice.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Suggerimento:</div><div class="info-content"><div>Il modo migliore per garantire l'accessibilità sul tuo sito è tramite la procedura guidata del Wizard accessibilità, che analizza il tuo sito e fornisce soluzioni attuabili per migliorare l'accessibilità del tuo sito. Prova la la procedura del <a data-composite="true" href="https://manage.wix.com/my-account/site-selector/?title=&amp;buttonText=&amp;actionUrl=https%3A%2F%2Fmanage.wix.com%2Feditor%2F%7B%7BmetaSiteId%7D%7D%3FeditorSessionId%3D%7B%7Besi%7D%7D%26deeplink%3Daccessibility" target="_blank">Wizard accessibilità</a> per iniziare. <br /><strong>Nota</strong>: il Wizard accessibilità non è ancora disponibile per Wix Studio.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="understanding-accessibility" level="3">Comprendere il concetto di accessibilità</h2></div><div data-component-type="text"><div>L'accessibilità del sito web si riferisce alla pratica di formattare il tuo sito per garantire che tutti, normodotati o disabili, possano accedere, esplorare e interagire con i contenuti del tuo sito. </div></div><div data-component-type="text"><div>Potresti avere alcuni visitatori con esigenze diverse per poter navigare o utilizzare il tuo sito, come ad esempio:</div></div><div data-component-type="text"><ul>
  <li><strong>Soluzioni visive:</strong> gli ipovedenti e i non vedenti possono fare affidamento su tecnologie assistive (come le utilità per la lettura dello schermo) o sulla formattazione visiva (come l'aumento delle dimensioni del testo, contrasti di colore più elevati, ecc.) per esplorare al meglio il tuo sito</li></ul></div><div data-component-type="text"><ul>
  <li><strong>Soluzioni per utenti con capacità motorie limitate:</strong> le persone le cui capacità motorie limitano l'uso del mouse o del touchpad, possono invece utilizzare una tastiera associata a indicatori visivi per esplorare un sito </li></ul></div><div data-component-type="text"><ul>
  <li><strong>Soluzioni acustiche:</strong> gli utenti affetti da qualsiasi livello di perdita dell'udito possono fare affidamento sulla disponibilità di sottotitoli o trascrizioni audio sul tuo sito </li></ul></div><div data-component-type="text"><ul>
  <li><strong>Soluzioni cognitive:</strong> gli utenti affetti da disabilità cognitive o di apprendimento (dislessia, ADHD, autismo, ecc.) si affidano alla struttura dei contenuti e alla coerenza del layout per esplorare al meglio il tuo sito</li></ul></div><div data-component-type="text"><ul>
  <li><strong>Soluzioni neurologiche:</strong> gli utenti affetti da sensibilità sensoriale (come i disturbi convulsivi) possono utilizzare il movimento ridotto degli elementi animati o trarre beneficio dalla possibilità di controllare ciò che attiva un movimento o un'animazione</li></ul></div><div data-component-type="text"><ul>
  <li><strong>Soluzioni verbali:</strong> gli utenti affetti da disturbi del linguaggio possono richiedere metodi di contatto alternativi, come moduli di contatto, chat o email, piuttosto che fornire solo il numero di telefono</li></ul></div><div data-component-type="text"><div>È quindi buona norma garantire che tutti i visitatori possano navigare e godersi il tuo sito allo stesso modo.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="building-an-accessible-wix-site" level="3">Costruire un sito Wix accessibile</h2></div><div data-component-type="text"><div>Puoi creare un nuovo sito da zero iniziando con uno dei nostri <a data-composite="true" href="https://www.wix.com/website/templates/html/accessible" target="">template accessibili</a>.</div></div><div data-component-type="text"><div>Questi template hanno funzionalità di accessibilità di base integrate, come strutture di intestazione accessibili e contrasto di colore.</div></div><div data-component-type="text"><div>Una volta che hai selezionato il template e aggiunto il contenuto desiderato, puoi rivedere la checklist qui di seguito e completare tutte le azioni richieste.</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Nota:</div><div class="info-content"><div>Alcune funzionalità avanzate di accessibilità, come le etichette ARIA personalizzate e il testo alternativo, non sono incluse in questi template e devono essere aggiunte manualmente.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="accessibility-checklist" level="3">Checklist per l'accessibilità</h2></div><div data-component-type="text"><div>Anche se Wix si occupa di molte delle funzionalità/configurazioni di accessibilità back-end necessarie per il sito, come la semantica della tastiera, la definizione degli attributi ARIA per gli elementi forniti, la disponibilità di indicatori visivi e così via, dovrai in ogni caso <strong>rendere accessibile il contenuto che aggiungi al tuo sito</strong>.</div></div><div data-component-type="text"><div>I requisiti di accessibilità possono variare da regione a regione, ma abbiamo creato una lita con i passaggi generali che coprono le basi di ogni regione.</div></div><div data-component-type="text"><div>Per saperne di più sulla creazione di un sito web accessibile che sia anche conforme alle leggi della tua regione, consulta <a href="https://support.wix.com/it/article/accessibilità-conformità-con-le-tue-leggi-regionali" target="">Accessibilità: conformità con le tue leggi regionali</a>.</div></div><div data-component-type="text"><div><br /><strong>Segui i nostri consigli riportati qui sotto per migliorare l'accessibilità del tuo sito:</strong></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/it/article/editor-wix-accessibilità-impostare-la-lingua-del-tuo-sito" target="">Imposta la lingua del tuo sito</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/e2d4d67a-3223-4ba9-ad12-ab027d4320c5/158c5dcc-44bc-488d-a6e5-bac16ccb4021.png" /> <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-abilitare-e-disabilitare-i-riquadri-blu-indicatori-visivi" target="">Abilita gli indicatori visivi</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/it/article/accessiblità-preparare-il-tuo-sito-per-i-gli-screen-reader" target="">Controlla l'ordine DOM del tuo sito</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/it/article/editor-wix-accessibilità-preparare-la-struttura-del-sito" target="">Prepara la struttura del tuo sito</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-preparare-le-tue-immagini-e-le-tue-gallerie" target="">Prepara le tue immagini e le tue gallerie</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/it/article/editor-wix-accessibilità-preparare-il-testo-e-la-grafica" target="">Prepara testo e grafica</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/it/article/editor-wix-accessibilità-scegliere-il-giusto-font" target="">Scegli caratteri chiari</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-ridurre-il-movimento-per-gli-elementi-del-sito" target="">Riduci il movimento</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-aggiungere-sottotitoli-e-didascalie-ai-video" target="">Rendi accessibili video e audio</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-rendere-accessibili-i-file-dei-documenti" target="">Rendi accessibili i file dei documenti</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-creare-un-modulo-wix-forms-accessibile" target="">Rendi accessibili i Moduli Wix</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-aggiungere-una-dichiarazione-di-accessibilità-al-tuo-sito" target="">Aggiungi una dichiarazione di accessibilità al tuo sito</a></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Nota importante sulla conformità:</div><div class="info-content"><ul>
  <li>Noi di Wix ci impegniamo a garantire che tutti, indipendentemente dalle loro capacità, possano utilizzare i nostri prodotti e servizi. Siamo sempre al lavoro per migliorarli, in linea con gli standard di accessibilità</li>  <li>Wix.com non può garantire o assicurare che l'uso dei nostri servizi sia conforme a tutte le leggi sull'accessibilità e alle normative internazionali </li>  <li>Sei responsabile della revisione e del rispetto della legislazione locale applicabile a te o ai visitatori del tuo sito</li></ul></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Vuoi saperne di più?</div><div class="info-content"><div>Dai un'occhiata al nostro <a data-composite="true" href="https://www.wix.com/learn/courses/site-essentials/build-your-accessible-website" target="_blank">corso Accessibilità 101 su Wix Learn</a> (contenuti in inglese).</div></div></div></div>

Usa il Wizard accessibilità per identificare e risolvere i problemi di accessibilità sul tuo sito. Questo strumento è integrato nel tuo Editor e può scansionare il tuo sito per fornire soluzioni attua...

Accessibilità: informazioni sul Wizard accessibilità nell'Editor Wix

<div data-component-type="text"><div>Usa il Wizard accessibilità per identificare e risolvere i problemi di accessibilità sul tuo sito. Questo strumento è integrato nel tuo Editor e può scansionare il tuo sito per fornire soluzioni attuabili per rendere il tuo sito accessibile a tutti, inclusi gli utenti con disabilità.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><ul>
  <li>Questo articolo fa riferimento al Wizard accessibilità nell'Editor Wix. Per saperne di più sul Wizard nell'Editor Studio, <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-informazioni-sul-wizard-accessibilità-nelleditor-studio" target="">clicca qui</a></li>  <li>Wix si impegna costantemente per migliorare i suoi prodotti e servizi, ma non possiamo garantire che il tuo sito sia conforme alle leggi e ai regolamenti sull'accessibilità della tua regione <strong>dopo aver utilizzato la procedura guidata del Wizard accessibilità</strong>. Perciò ti consigliamo di consultare un esperto di accessibilità per assicurarti che il tuo sito soddisfi gli standard della tua regione</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="automatic-scanning-in-the-wizard" level="3">Scansione automatica con il Wizard</h2></div><div data-component-type="text"><div>Una volta aperta la procedura guidata del Wizard accessibilità, ti verrà chiesto di consentire al Wizard di scansionare il tuo sito. Questa scansione potrebbe richiedere alcuni minuti.</div></div><div data-component-type="text"><div>La procedura guidata evidenzia quindi quello che ha trovato. Lo fa cercando nel tuo sito componenti o impostazioni che potrebbero causare problemi, come il contrasto di colore e la definizione dell'intestazione.</div></div><div data-component-type="text"><div>Questo passaggio è un ottimo modo per iniziare a rendere il tuo sito accessibile e può fare una grande differenza per i visitatori del tuo sito. <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-usare-la-procedura-guidata-per-laccessibilità" target="">Scopri come scansionare il tuo sito con il Wizard</a>.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/03/26/431cb8d2-843f-4a7e-a125-e2b4afa62afe/b8b31e6f-e17e-4be0-9049-58ae99f05d5e.png" alt="Il primo pannello della procedura guidata del Wizard. Il cursore si trova sul tasto" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="actionable-solutions" level="3">Soluzioni attuabili</h2></div><div data-component-type="text"><div>Dopo aver completato la sezione automatica della procedura guidata, vedrai un elenco di cose da tenere a mente e da modificare sul tuo sito.</div></div><div data-component-type="text"><div>La procedura guidata evidenzia le aree del tuo sito da rivedere e da correggere. È possibile visualizzare linee guida dettagliate su come regolare gli elementi e le impostazioni pertinenti.</div></div><div data-component-type="text"><div>Ti consigliamo di seguire questa sezione passo per passo: è una grande opportunità per controllare manualmente il tuo sito e trovare eventuali problemi.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/03/31/3552a766-5a6a-4865-b205-7b101fd8efca/d15a49d5-adaf-4897-b6d2-a2f0e9f1b4a2.png" alt="Una scheda per il controllo manuale nella procedura guidata del Wizard che consiglia di controllare il testo del link sul sito. Il cursore si trova su" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="advanced-accessibility-settings" level="3">Impostazioni avanzate per l'accessibilità</h2></div><div data-component-type="text"><div>Per migliorare ulteriormente l'accessibilità del tuo sito, il Wizard ti indica utili impostazioni che dovresti abilitare. Dopo aver <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-usare-la-procedura-guidata-per-laccessibilità" target="">completato i passaggi</a> nel Wizard, ti consigliamo di abilitare queste impostazioni per assicurarti che il tuo sito sia il più accessibile possibile. </div></div><div data-component-type="heading"><h2 id="" level="4">Per abilitare le impostazioni avanzate di accessibilità:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Vai al tuo Editor</a></li>  <li>Clicca su <strong>Impostazioni </strong>in alto e seleziona <strong>Wizard accessibilità</strong></li>  <li>Clicca sull'icona <strong>Altre azioni </strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/11/25/a94380b6-9e23-427e-b15a-655b543c14d1/b4a0776b-b9da-43ec-89ba-59cba9a49e4f.png" /> nella parte superiore del pannello del Wizard accessibilità</li>  <li>Seleziona <strong>Impostazioni avanzate per l'accessibilità</strong></li>  <li>Clicca sull'impostazione pertinente, quindi clicca sull'interruttore per abilitarla o disabilitarla: 
    <ul>
      <li><strong>Indicatori visivi:</strong> quando questa impostazione è abilitata, un <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-abilitare-e-disabilitare-i-riquadri-blu-indicatori-visivi" target="">indicatore blu</a> appare intorno all'elemento selezionato, evidenziando la posizione nella pagina. I visitatori possono spostarsi tra elementi diversi premendo il tasto Tab</li>      <li><strong>Passa al contenuto principale:</strong> questa impostazione, se abilitata, consente agli utenti che usano la tastiera di passare direttamente al contenuto principale di ogni pagina</li>      <li><strong>Ordine DOM automatico:</strong> abilitare un <a data-composite="true" href="https://support.wix.com/it/article/accessiblità-preparare-il-tuo-sito-per-i-gli-screen-reader" target="">ordine DOM automatico</a> significa che i tuoi contenuti sono organizzati automaticamente in base all'ordine visivo degli elementi</li>      <li><strong>Strumenti avanzati per l'accessibilità:</strong> abilitando questo interruttore vengono visualizzate le impostazioni di accessibilità avanzate che puoi regolare, come <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-aggiungere-attributi-aria-ai-tuoi-elementi-o-applicazioni-personalizzati" target="">etichette ARIA</a> e tabindex</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/03/26/cb006e8f-1f93-410a-bd92-50b210d420a8/9e5845b1-a441-437d-9cd5-a13da7778243.png" alt="Impostazioni avanzate del Wizard accessibilità. Il cursore si trova sulla freccia per aprire gli indicatori visivi" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="monitoring-from-your-dashboard" level="3">Monitoraggio dal tuo Pannello di controllo</h2></div><div data-component-type="text"><div>Il Wizard è collegato al <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-verificare-laccessibilità-del-sito-con-il-monitor-accessibilità" target="">Monitor accessibilità</a> nel Pannello di controllo del tuo sito. Questo strumento scansiona e segnala potenziali problemi nella versione pubblicata del tuo sito, in modo da poter continuare a migliorare l'accessibilità del tuo sito mentre procedi.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/14/f1e5cd09-db75-4e66-844e-654f49b735f8/7bca306f-2482-4adc-aa0a-aa7a3dac921c.jpg" alt="Immagine ingrandita del Pannello di controllo di un sito Wix, che mostra il widget Monitor accessibilità" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Sei pronto per iniziare?</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/it/article/accessibilità-usare-la-procedura-guidata-per-laccessibilità" target="">Scopri come utilizzare il Wizard accessibilità</a>.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hai un sito multilingue?</div><div class="info-content"><div>Al momento, il Wizard accessibilità è supportato solo nella lingua principale del tuo sito e non è possibile accedervi nelle lingue secondarie aggiunte con <a data-composite="true" href="https://support.wix.com/it/article/wix-multilingua-una-panoramica" target="">Wix Multilingua</a>. Tuttavia, puoi <a data-composite="true" href="https://support.wix.com/it/article/editor-wix-migliorare-laccessibilità-del-tuo-sito" target="">utilizzare la nostra checklist</a> per migliorare l'accessibilità del tuo sito in tutte le lingue.</div></div></div></div>

Identifica e risolvi i problemi di accessibilità sul tuo sito Wix utilizzando il Wizard accessibilità. Questo è uno strumento che può aiutarti a garantire che ogni visitatore, indipendentemente dalle ...

Accessibilità: utilizzare il Wizard accessibilità nell'Editor Wix

<div data-component-type="text"><div>Identifica e risolvi i problemi di accessibilità sul tuo sito Wix utilizzando il <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-informazioni-sulla-procedura-guidata-per-laccessibilità" target="">Wizard accessibilità</a>. Questo è uno strumento che può aiutarti a garantire che ogni visitatore, indipendentemente dalle sue capacità, possa visualizzare e navigare nel tuo sito.</div></div><div data-component-type="text"><div>Ci sono 2 sezioni nella procedura guidata del Wizard che ti verrà chiesto di completare. Ti consigliamo di seguire e completare tutte le sezioni per migliorare e ottimizzare l'accessibilità del tuo sito.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><ul>
  <li>Wix si impegna costantemente per migliorare i suoi prodotti e servizi, ma non possiamo garantire che il tuo sito sia conforme alle leggi e ai regolamenti sull'accessibilità della tua regione. Ti consigliamo di consultare un esperto di accessibilità per assicurarti che il tuo sito soddisfi gli standard della tua regione</li>  <li>Questo articolo fa riferimento al Wizard accessibilità nell'Editor Wix. Per informazioni sul Wizard nell'Editor Studio, <a data-composite="true" href="https://support.wix.com/it/article/accessibility-using-the-accessibility-wizard-in-the-studio-editor" target="">segui questo link</a></li></ul></div></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hai un sito multilingue?</div><div class="info-content"><div>Il Wizard accessibilità è attualmente supportato solo nella lingua principale del tuo sito e non è accessibile nelle lingue secondarie aggiunte con <a data-composite="true" href="https://support.wix.com/it/article/wix-multilingua-una-panoramica" target="">Wix Multilingua</a>. Tuttavia, puoi <a data-composite="true" href="https://support.wix.com/it/article/editor-wix-migliorare-laccessibilità-del-tuo-sito" target="">utilizzare la nostra checklist</a> per migliorare l'accessibilità del tuo sito in tutte le lingue.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-open-the-accessibility-wizard" level="3">Passaggio 1 | Apri il Wizard accessibilità</h2></div><div data-component-type="text"><div>Apri il Wizard accessibilità dalle impostazioni dell'Editor per iniziare a rendere il tuo sito più accessibile per i tuoi visitatori.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/08/13/9649a0dd-ee41-43ad-a218-39bb6f77ff3b/67ba3d46-898e-4581-b627-a6287c9ddcf2.png" alt="Il pannello Impostazioni nella parte superiore dell'Editor. Il cursore si trova sull'opzione Wizard accessibilità" /></div></div><div data-component-type="heading"><h2 id="" level="4">Per aprire la procedura guidata del Wizard accessibilità:</h2></div><div data-component-type="text"><ol>
  <li>Seleziona <strong>Impostazioni</strong> nella parte superiore dell'Editor Wix</li>  <li>Seleziona <strong>Wizard accessibilità</strong></li>  <li>Seleziona <strong>Scansiona il sito</strong> a destra</li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-fix-detected-issues" level="3">Passaggio 2 | Risolvi i problemi rilevati</h2></div><div data-component-type="text"><div>Dopo che il tuo sito è stato scansionato, un elenco di problemi rilevati si apre sullo schermo. Seleziona ogni problema per aprire le istruzioni e assicurati di applicare le modifiche per risolvere i problemi.</div></div><div data-component-type="text"><div>Una volta terminato, seleziona <strong>Passa allo step 2</strong>.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/28/f2054a3b-ac91-4e28-a635-d4ef19e894aa/d4e62b24-4800-4e52-b4dc-e5b7b6ef2798.png" alt="Step 1 del Wizard accessibilità. Il cursore mostra un problema con l'intestazione principale della pagina Info" /></div></div><div data-component-type="text"><div>Seleziona un'opzione qui sotto per saperne di più sui problemi che possono essere rilevati.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Testo alternativo</h4><div class="collapsible-content"><div>Il <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-preparare-le-tue-immagini-e-le-tue-gallerie" target="">testo alternativo</a> è una descrizione di un'immagine. L'aggiunta di queste descrizioni consente ai visitatori con disabilità visive di leggere le immagini da parte degli screen reader.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Intestazione principale</h4><div class="collapsible-content"><div>Un'intestazione principale è il titolo della pagina. Aggiungere e definire un'<a href="https://support.wix.com/it/article/gestire-i-tag-dellintestazione-della-tua-pagina#adding-an-h1-tag" target="">intestazione principale</a> indica ai visitatori del sito che utilizzano gli screen reader di cosa tratta la pagina.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Definizione intestazioni</h4><div class="collapsible-content"><div>Le intestazioni comunicano la gerarchia del contenuto della pagina. Avere una chiara <a data-composite="true" href="https://support.wix.com/it/article/gestire-i-tag-dellintestazione-della-tua-pagina" target="">definizione dell'intestazione</a> consente ai visitatori che utilizzano gli screen reader di navigare nel tuo sito con facilità.</div><div><br /></div><div><strong>Nota:</strong> se in una pagina viene visualizzata una scheda <strong>Intestazione principale</strong>, è necessario risolverla prima di risolvere le schede <strong>Definizione intestazione</strong> su quella pagina. Risolvere un'&quot;Intestazione principale&quot; risolve automaticamente una delle schede &quot;Definizione intestazione&quot;, quindi non dovrai farlo di nuovo.</div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/28/99df74c2-9d28-4303-8a94-26dac3268413/a6a9c051-6824-4aeb-9f2e-7e2e89ff2134.png" alt="Step 1 del Wizard accessibilità. Il cursore si trova su una delle opzioni nella procedura del Wizard accessibilità per definire un'intestazione" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Tag dell'intestazione duplicati</h4><div class="collapsible-content"><div>I tag di intestazione duplicati possono verificarsi quando c'è un'interruzione di riga nell'intestazione. Ciò significa che non può essere letto correttamente dagli screen reader. La rimozione dei tag duplicati assicura che l'intestazione sia chiara per i tuoi visitatori.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Contrasto colore</h4><div class="collapsible-content"><div>Il <a href="https://support.wix.com/it/article/editor-wix-accessibilità-preparare-il-testo-e-la-grafica" target="">contrasto colore</a> misura la differenza in luminosità percepita tra due colori. Avere un contrasto di 4.5 e superiore significa che il contenuto del tuo sito è facile da vedere e da leggere.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><div>È necessario risolvere tutti i problemi rilevati per passare allo step successivo della procedura guidata del Wizard.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-find-and-fix-issues" level="3">Passaggio 3 | Trova e risolvi i problemi</h2></div><div data-component-type="text"><div>Una volta completati tutti i passaggi della prima sezione, si aprirà lo step Trova e risolvi i problemi, che evidenzia altre impostazioni sul tuo sito che potrebbero dover essere regolate per migliorare l'accessibilità. Questa sezione non è automatica e i componenti devono essere regolati manualmente.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><div>Devi contrassegnare manualmente ogni opzione come risolta per completare questo step. </div></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/03/19/88825f2f-55b5-418e-87d8-fb0647b41d19/0846c060-4d0f-4479-a024-05d5410f3953.png" alt="Step 2 del Wizard accessibilità. Il cursore passa si trova su un problema con il testo del link in Tutte le pagine" /></div></div><div data-component-type="text"><div>Seleziona un'opzione qui sotto per saperne di più sulle impostazioni che puoi regolare in questo step.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Testo del link</h4><div class="collapsible-content"><div>Il testo o gli elementi che rimandano ad altre pagine, sezioni o siti web devono essere il più descrittivi possibile. Ad esempio, &quot;Leggi di più sulle nostre ultime ricerche&quot; è più chiaro di &quot;Scopri di più&quot;. Dovrebbe anche essere chiaro se portano a un'azione.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Testo nelle immagini</h4><div class="collapsible-content"><div>Il testo nelle immagini (come le foto di cartelli o slogan) non può essere letto dagli screen reader. Sostituisci queste immagini, se possibile, o includi il testo nella descrizione dell'immagine.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">L'uso del colore</h4><div class="collapsible-content"><div>Le informazioni trasmesse dal colore dovrebbero anche avere indicatori separati, come i motivi, lo stile del font e le icone. Ad esempio, il testo con un link dovrebbe essere sottolineato e i grafici dovrebbero anche mostrare i dati con motivi o strutture diverse.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Contenuto ingrandito</h4><div class="collapsible-content"><div>Il contenuto del tuo sito dovrebbe restare visibile anche se il browser è ingrandito. Questo per garantire che gli utenti con problemi di vista possano visualizzare il tuo sito da vicino. Puoi verificarlo visualizzando l'anteprima del tuo sito e modificando lo zoom del browser al 200%.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Dichiarazione di accessibilità</h4><div class="collapsible-content"><div>L'accessibilità al web è un requisito legale in diversi Paesi. Aggiungere una <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-aggiungere-una-dichiarazione-di-accessibilità-al-tuo-sito" target="">dichiarazione di accessibilità</a> dimostra il tuo impegno nel fornire un sito web che possa essere fruito da tutti i visitatori. </div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Qual è il prossimo passo?</div><div class="info-content"><ul>
  <li><a data-composite="true" href="https://support.wix.com/it/article/accessibilità-verificare-laccessibilità-del-sito-con-il-monitor-accessibilità" target="">Apri il monitor Accessibilità</a> per verificare l'accessibilità del tuo sito live dal tuo Pannello di controllo</li>  <li>Usa le impostazioni avanzate del Wizard per continuare a migliorare l'accessibilità del tuo sito. <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-informazioni-sulla-procedura-guidata-per-laccessibilità#advanced-accessibility-settings" target="">Scopri di più sulle impostazioni avanzate del Wizard</a></li></ul></div></div></div>

Con accessibilità si fa riferimento alla pratica che consente di accedere a servizi, risorse e beni, indipendentemente dalle disabilità. L'accessibilità web prende questo concetto e lo trasferisce su ...

Accessibilità: informazioni sull'accessibilità web

<div data-component-type="text"><div>Con accessibilità si fa riferimento alla pratica che consente di accedere a servizi, risorse e beni, indipendentemente dalle disabilità. L'accessibilità web prende questo concetto e lo trasferisce su Internet e sul tuo sito. </div></div><div data-component-type="text"><div>Praticando l'accessibilità web, ti assicuri che tutti, compresi le persone con disabilità, possano accedere, navigare e godere del tuo sito. Alcuni dei tuoi visitatori vedono il tuo sito in modo diverso ed è importante adattarlo per agevolare queste esperienze.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="the-importance-of-web-accessibility" level="3">L'importanza dell'accessibilità web</h2></div><div data-component-type="text"><div>Secondo l'Organizzazione Mondiale della Sanità, circa il 15% della popolazione ha qualche forma di disabilità. Pertanto, l'accessibilità web è una parte importante della creazione, della costruzione e della manutenzione del sito. Rendendo il tuo sito accessibile, ti assicuri che tutti possano accedervi e apprezzarlo.</div></div><div data-component-type="text"><div>Per iniziare, ti consigliamo di <a data-composite="true" href="https://support.wix.com/it/article/editor-wix-migliorare-laccessibilità-del-tuo-sito#building-an-accessible-wix-site" target="">creare un sito accessibile da zero</a>. Puoi farlo iniziando con un <a data-composite="true" href="https://it.wix.com/website/templates?criteria=accessible" target="">template per un sito accessibile</a> nell'Editor Wix e seguendo attentamente la nostra <a data-composite="true" href="https://support.wix.com/it/article/editor-wix-migliorare-laccessibilità-del-tuo-sito" target="">checklist per l'accessibilità</a>. </div></div><div data-component-type="text"><div>Se hai già un sito, puoi utilizzare <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-informazioni-sulla-procedura-guidata-per-laccessibilità" target="">il Wizard accessibilità</a>. Il Wizard è uno strumento che scansiona il tuo sito, individua potenziali problemi di accessibilità e fornisce soluzioni attuabili. </div></div><div data-component-type="text"><div>Ricorda che, sebbene ci siano standard web internazionali che i siti sono tenuti a rispettare, la tua regione potrebbe avere una serie specifica di requisiti.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Suggerimento:</div><div class="info-content"><div>Anche se hai creato il tuo sito pensando all'accessibilità, ti consigliamo di utilizzare il Wizard nel caso in cui ti sia sfuggito qualcosa.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><div>Wix si impegna costantemente per migliorare i suoi prodotti e servizi, ma non possiamo garantire che il tuo sito sia conforme alle leggi e ai regolamenti sull'accessibilità della tua regione. Quindi ti consigliamo di consultare un esperto di accessibilità per assicurarti che il tuo sito soddisfi gli standard della tua regione.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="sight-impairments-and-visual-information" level="3">Disturbi della vista e informazioni visive</h2></div><div data-component-type="text"><div>Le persone non vedenti, ipovedenti o che hanno difficoltà a elaborare le informazioni visive potrebbero non essere in grado di vedere bene i contenuti del tuo sito. Le informazioni visive includono la maggior parte dei contenuti del tuo sito, come testo, immagini e GIF.</div></div><div data-component-type="text"><div>Questi visitatori possono fare affidamento su altri metodi e tecnologie assistive per aiutarli a navigare nel tuo sito, come gli screen reader. </div></div><div data-component-type="text"><div>Gli screen reader &quot;leggono&quot; il contenuto del tuo sito e lo trasformano in audio che il visitatore può ascoltare. Ciò significa che dovresti preparare i contenuti multimediali sul tuo sito per assicurarti che questi visitatori possano accedervi.<strong> </strong></div><div><br /></div><div><strong>Puoi preparare i tuoi file multimediali scegliendo di:</strong></div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://support.wix.com/it/article/accessibilità-preparare-le-tue-immagini-e-le-tue-gallerie" target="">Aggiungere testo alternativo a immagini e gallerie sul tuo sito</a></li>  <li><a data-composite="true" href="https://support.wix.com/it/article/accessibilità-aggiungere-sottotitoli-e-didascalie-ai-video#adding-text-descriptions-to-media-without-sound" target="">Aggiungere descrizioni di testo a GIF e altri contenuti multimediali senza audio</a></li>  <li><a data-composite="true" href="https://support.wix.com/it/article/accessibilità-aggiungere-sottotitoli-e-didascalie-ai-video#adding-audio-descriptions-to-videos" target="">Aggiungere descrizioni audio ai video sul tuo sito</a></li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Suggerimento:</div><div class="info-content"><div>Non dimenticare di verificare che tutto il testo del tuo sito abbia i <a data-composite="true" href="https://support.wix.com/it/article/editor-wix-accessibilità-preparare-la-struttura-del-sito" target="">tag HTML</a> corretti, in modo che lo screen reader non salti le pagine o parti di esse.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="motor-difficulties-and-site-navigation" level="3">Difficoltà motorie e navigazione nel sito</h2></div><div data-component-type="text"><div>I visitatori con difficoltà motorie e disabilità possono utilizzare diversi metodi di navigazione nel tuo sito, come la tastiera o le tecnologie assistive.</div></div><div data-component-type="text"><div>Per garantire che questi visitatori possano navigare ed esplorare il tuo sito, ti consigliamo di aggiungere due o più metodi di navigazione del sito. Quelli più popolari includono:</div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://support.wix.com/it/article/editor-wix-aggiungere-un-menu" target="">Menu del sito</a></li>  <li><a data-composite="true" href="https://support.wix.com/it/article/informazioni-sulla-barra-di-ricerca-wix-wix-site-search" target="">Wix Site Search</a></li></ul></div><div data-component-type="text"><div>Dovresti anche aggiungere i <a data-composite="true" href="https://support.wix.com/it/article/editor-wix-accessibilità-preparare-la-struttura-del-sito" target="">tag HTML</a> a tutto il testo sul tuo sito. In questo modo i visitatori che utilizzano il tasto tab per navigare possono vedere i tuoi contenuti nell'ordine corretto e non devono preoccuparsi che il tasto tab salti la pagina o parte di essa.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="hearing-impairments-and-audio" level="3">Disabilità uditive e audio</h2></div><div data-component-type="text"><div>Alcuni visitatori possono avere difficoltà con le informazioni sonore e uditive. Questi visitatori possono essere sordi o con problemi di udito o avere problemi nell'elaborazione dei suoni.</div></div><div data-component-type="text"><div>Per garantire che questi visitatori possano accedere e godere di tutti i tuoi contenuti, è necessario aggiungere alternative per qualsiasi contenuto multimediale che contenga audio sul tuo sito. Alcuni di questi includono:</div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://support.wix.com/it/article/accessibilità-aggiungere-sottotitoli-e-didascalie-ai-video#adding-text-transcripts-to-audio-files" target="">Aggiungere trascrizioni di testo ai file audio</a></li>  <li><a data-composite="true" href="https://support.wix.com/it/article/accessibilità-aggiungere-sottotitoli-e-didascalie-ai-video#adding-captions-to-videos" target="">Aggiungere didascalie ai tuoi video</a></li>  <li><a data-composite="true" href="https://support.wix.com/it/article/accessibilità-aggiungere-sottotitoli-e-didascalie-ai-video#adding-captions-to-live-events" target="">Aggiungere didascalie agli eventi in diretta streaming</a></li></ul></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="cognitive-disabilities-and-disorders" level="3">Disabilità e disturbi cognitivi</h2></div><div data-component-type="text"><div>Ci sono una serie di disturbi e disabilità che hanno un effetto sulla funzione cognitiva di una persona. Alcuni di questi includono l'autismo, l'ADHD (Disturbo da Deficit di Attenzione Iperattività), le lesioni cerebrali, la demenza e l'afasia.</div></div><div data-component-type="text"><div>I visitatori con queste patologie possono avere difficoltà con la concentrazione, la comprensione della lettura e l'elaborazione delle informazioni. Per rendere il tuo sito accessibile a questi visitatori, ti consigliamo i seguenti passaggi:</div></div><div data-component-type="text"><ul>
  <li>Assicurati che il formato, la struttura e il layout del tuo sito siano chiari. Ad esempio, il contenuto principale della pagina non deve essere allegato all'intestazione</li>  <li>Usa un linguaggio facile da capire</li>  <li>Riduci al minimo l'uso di elementi decorativi e/o animati sul tuo sito</li>  <li>Evita di usare molti colori diversi sul tuo sito e assicurati che non siano troppo vivaci</li>  <li>Aggiungi alternative ai contenuti multimediali che contengono audio, come <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-aggiungere-sottotitoli-e-didascalie-ai-video#adding-text-transcripts-to-audio-files" target="">trascrizioni</a> e <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-aggiungere-sottotitoli-e-didascalie-ai-video#adding-captions-to-videos" target="">didascalie</a></li></ul></div>

Al momento, i siti Wix live includono impostazioni di accessibilità integrate e funzionalità conformi ai più alti standard globali.Tuttavia, i site builder e i Pannelli di controllo del sito Wix non s...

Richiesta: rendere accessibili i Wix Site Builder e i Pannelli di controllo dei siti

<div data-component-type="text"><div>Al momento, i siti Wix live includono impostazioni di accessibilità integrate e funzionalità conformi ai più alti standard globali.</div></div><div data-component-type="text"><div>Tuttavia, i site builder e i Pannelli di controllo del sito Wix non sono ancora completamente conformi. </div></div><div data-component-type="text"><div>Lavoriamo costantemente per aggiornare e migliorare i nostri prodotti e il tuo feedback è estremamente apprezzato.</div></div><div data-component-type="text"><div>Se questa è una funzionalità che vorresti vedere in futuro, seleziona il tasto <strong>Vota per questa funzionalità</strong> qui sotto e ci assicureremo di tenerti aggiornato.</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Nota:</div><div class="info-content"><div>Segui la nostra <a href="https://support.wix.com/it/article/editor-wix-migliorare-laccessibilità-del-tuo-sito">lista</a> per migliorare l'accessibilità del tuo sito live.</div></div></div></div>

A seconda del site builder che stai utilizzando, potresti vedere un'impostazione chiamata Indicatori di messa a fuoco (Editor Studio) o Indicatori visivi (Editor Wix). Si tratta di rettangoli blu che ...

Accessibilità: informazioni sugli indicatori di messa a fuoco (indicatori visivi)

<div data-component-type="text"><div>A seconda del site builder che stai utilizzando, potresti vedere un'impostazione chiamata <strong>Indicatori di messa a fuoco</strong> (Editor Studio) o <strong>Indicatori visivi</strong> (Editor Wix). Si tratta di rettangoli blu che appaiono attorno a elementi interattivi come tasti e link quando i visitatori utilizzano una tastiera per navigare su un sito live. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/09/24/5392965c-0d96-41fc-b26c-0991fea45819/85b68dd0-01d0-4601-bfdc-b88d6eb68f8a.png" alt="Un'immagine di un sito con un indicatore visivo attorno alla voce di menu denominata" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Da dove ottiene Wix le sue informazioni?</div><div class="info-content"><ul>
  <li>Le nostre raccomandazioni si basano sulle <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">Linee guida per l'accessibilità dei contenuti web (WCAG)</a> (contenuti in inglese), che è un documento sviluppato dal <a data-composite="true" href="https://www.w3.org/" target="_blank">World Wide Web Consortium (W3C)</a></li>  <li>Questo articolo si basa sul <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/focus-visible.html" target="_blank">criterio Focus Visible (2.4.7)</a></li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="why-focus-indicators-are-important" level="3">Perché gli indicatori di messa a fuoco sono importanti</h2></div><div data-component-type="text"><div>Alcuni visitatori navigano nei siti utilizzando il tasto Tab sulla tastiera. Gli indicatori visivi/di messa a fuoco mostrano la posizione corrente del tasto Tab, in modo che questi visitatori sappiano esattamente dove si trovano sulla pagina.</div></div><div data-component-type="text"><div>Se gli indicatori non sono abilitati, i visitatori del sito potrebbero non essere in grado di navigare nella pagina o nel contenuto del sito, rendendoli una parte importante dell'accessibilità del sito. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="focus-indicators-on-your-wix-site" level="3">Indicatori di messa a fuoco sul tuo sito Wix</h2></div><div data-component-type="text"><div>Gli indicatori visivi/di messa a fuoco vengono abilitati automaticamente su tutti i siti che crei con Wix.</div></div><div data-component-type="text"><div>L'indicatore è progettato per adattarsi alla maggior parte delle combinazioni di colori del sito. Tuttavia, è meno visibile sui tasti con un riempimento bianco su sfondo blu. Ti consigliamo quindi di controllare il colore degli elementi del sito per assicurarti che tutti i visitatori possano vederlo.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Come posso testare l'indicatore di messa a fuoco sul mio sito?</div><div class="info-content"><div>Per controllare come appare l'indicatore di stato attivo, apri il tuo sito live o l'anteprima del sito e naviga nella pagina utilizzando il tasto Tab della tastiera. Se l'indicatore di messa a fuoco non viene visualizzato nell'anteprima o nella versione live del tuo sito, puoi modificare le impostazioni dal Wizard accessibilità. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="enabling-focus-indicators" level="3">Abilitare gli indicatori di messa a fuoco/visivi</h2></div><div data-component-type="text"><div>Se stai utilizzando l'Editor Wix, potrebbe essere necessario abilitare gli indicatori visivi dal Wizard accessibilità.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Usi l'Editor Studio?</div><div class="info-content"><div>Gli indicatori di messa a fuoco sono sempre abilitati sui siti Editor Studio, quindi non è necessario selezionare questa impostazione. </div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Per abilitare gli indicatori visivi:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Vai al tuo Editor</a></li>  <li>Clicca su <strong>Impostazioni </strong>in alto e seleziona <strong>Wizard accessibilità</strong></li>  <li>Clicca sull'icona <strong>Altre azioni </strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/11/25/a94380b6-9e23-427e-b15a-655b543c14d1/b4a0776b-b9da-43ec-89ba-59cba9a49e4f.png" /> nella parte superiore del pannello del Wizard accessibilità </li>  <li>Seleziona <strong>Impostazioni avanzate per l'accessibilità</strong> </li>  <li>Seleziona <strong>Indicatori visivi</strong></li>  <li> Abilita l'interruttore <strong>Consenti alle persone che utilizzano la tastiera di navigare sul tuo sito </strong></li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/25/9dc097fe-2e9f-4938-a82c-2b9ec66fc828/495d872f-f036-4052-8c6b-125968669125.jpg" alt="Le impostazioni avanzate del Wizard. Il cursore ha cliccato sull'interruttore per abilitare gli indicatori visivi" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Passaggio successivo:</div><div class="info-content"><div>Torna alla <a data-composite="true" href="https://support.wix.com/it/article/editor-wix-migliorare-laccessibilità-del-tuo-sito" target="">Checklist per l'accessibilità</a> per continuare a migliorare l'accessibilità del sito. </div></div></div></div>

Le barre di accessibilità consentono ai visitatori di modificare alcuni aspetti del tuo sito, come il carattere e la dimensione del testo. Sebbene Wix non offra barre integrate per l'accessibilità, pu...

Accessibilità: aggiungere una barra di accessibilità al tuo sito

<div data-component-type="text"><div>Le barre di accessibilità consentono ai visitatori di modificare alcuni aspetti del tuo sito, come il carattere e la dimensione del testo. Sebbene Wix non offra barre integrate per l'accessibilità, puoi aggiungerne una al tuo sito utilizzando il codice da un provider di terze parti. </div></div><div data-component-type="text"><div>Queste barre di accessibilità non sono un requisito per raggiungere lo standard indicato nelle <a data-composite="true" href="https://www.w3.org/WAI/standards-guidelines/wcag/" target="">Linee guida per l'accessibilità dei contenuti web</a> (pagina in inglese). In ogni caso, ti consigliamo di seguire la nostra <a data-composite="true" href="https://support.wix.com/it/article/editor-wix-migliorare-laccessibilità-del-tuo-sito" target="">lista di controllo per l'accessibilità</a> e di scansionare il tuo sito con la <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-informazioni-sulla-procedura-guidata-per-laccessibilità" target="">Procedura guidata del Wizard accessibilità</a> per garantire un'esperienza migliore ai tuoi visitatori. </div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><div>L'incorporamento del codice personalizzato è disponibile solo per i siti con un <a data-composite="true" href="https://support.wix.com/it/article/informazioni-sui-domini-8478940" target="">dominio collegato</a>. </div></div></div></div><div data-component-type="heading"><h2 id="" level="3">Per aggiungere una barra di accessibilità utilizzando un codice di terze parti:</h2></div><div data-component-type="text"><ol>
  <li>Vai a <a data-composite="true" href="https://www.wix.com/my-account/site-selector/?buttonText=Impostazioni&amp;title=Seleziona%20un%20sito&amp;autoSelectOnSingleSite=true&amp;actionUrl=https://www.wix.com/dashboard/{{metaSiteId}}/manage-website" target="_blank">Impostazioni</a> nel Pannello di controllo del tuo sito</li>  <li>Seleziona la scheda <strong>Codice personalizzato</strong> in <strong>Impostazioni avanzate</strong></li>  <li>Seleziona <strong>+ Aggiungi codice personalizzato</strong> in alto a destra</li>  <li>Incolla il codice snippet nella casella di testo</li>  <li>Inserisci un nome per il tuo codice<br /> <strong>Suggerimento:</strong> assegnagli un nome facile da riconoscere in modo da poterlo identificare rapidamente in un secondo momento</li>  <li>Seleziona un'opzione in <strong>Aggiungere codice alle pagine</strong>:
    <ul>
      <li><strong>Tutte le pagine:</strong> aggiunge il codice a tutte le pagine del tuo sito, incluse tutte le nuove pagine che creerai in futuro. Scegli se caricare il codice una sola volta per visita o su ogni pagina che il visitatore apre</li>      <li><strong>Scegli pagine specifiche: </strong>utilizza il menu a tendina per selezionare le pagine</li>    </ul>  </li>  <li>Scegli dove inserire il tuo codice:
    <ul>
      <li>Head (Intestazione)</li>      <li>Body - start (Corpo - inizio)</li>      <li>Body - end (Corpo - fine)</li>    </ul>  </li>  <li>Seleziona <strong>Applica</strong></li></ol></div>

Qui a Wix, lavoriamo costantemente per migliorare l'accessibilità dei nostri siti. Il nostro obiettivo è fornire gli strumenti necessari per garantire che il tuo sito sia accessibile e abbiamo creato ...

Accessibilità: utilizzare un software o strumenti di controllo esterni

<div data-component-type="text"><div>Qui a Wix, lavoriamo costantemente per migliorare l'accessibilità dei nostri siti. Il nostro obiettivo è fornire gli strumenti necessari per garantire che il tuo sito sia accessibile e abbiamo creato delle <a data-composite="true" href="https://support.wix.com/it/article/editor-wix-migliorare-laccessibilità-del-tuo-sito" target="">linee guida con i nostri consigli</a>.</div></div><div data-component-type="text"><div>Puoi utilizzare strumenti esterni per controllare l'accessibilità del tuo sito e ricevere suggerimenti per migliorarla. Tuttavia, ogni <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-conformità-con-le-tue-leggi-regionali" target="">Paese e regione ha leggi diverse</a>, quindi ti consigliamo di far controllare il tuo sito da un consulente per l'accessibilità per assicurarti che sia conforme ai requisiti della tua regione.</div></div>

Gli attributi ARIA forniscono informazioni aggiuntive sulla semantica degli elementi per le tecnologie assistive, come gli screen reader. Potresti decidere di aggiungere gli attributi ARIA ad ogni ele...

Accessibilità: aggiunta di attributi ARIA alle applicazioni web personalizzate

<div data-component-type="text"><div>Gli attributi ARIA forniscono informazioni aggiuntive sulla semantica degli elementi per le tecnologie assistive, come gli screen reader. Potresti decidere di aggiungere gli attributi ARIA ad ogni elemento o applicazione personalizzata sul tuo sito.</div></div><div data-component-type="text"><div>Gli attributi ARIA sono importanti, in quanto definiscono i modi in cui gli elementi personalizzati e le applicazioni possono essere resi accessibili quando non è possibile farlo con l'HTML nativo dell'elemento. </div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><div>Questa funzionalità è pensata per gli utenti che hanno applicazioni/elementi personalizzati che richiedono attributi ARIA. Se non li hai sul tuo sito, non è necessario modificare gli attributi ARIA.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-aria-attributes" level="3">Aggiungere attributi ARIA</h2></div><div data-component-type="text"><div>Abbiamo già attributi ARIA hardcoded per la maggior parte degli elementi di un sito. Tuttavia, se hai creato applicazioni personalizzate, potrebbe essere necessario aggiungere i tuoi attributi ARIA ai fini dell'accessibilità.</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Editor-Studio" class="tab-heading heading-0">Editor Studio</div><div data-slug="Editor-Wix" class="tab-heading heading-1">Editor Wix</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><div>Abilita la modalità sviluppatore (Velo by Wix) nell'Editor Studio per aggiungere attributi agli elementi. Velo ti consente di <a data-composite="true" href="https://dev.wix.com/docs/develop-websites/articles/getting-started/about-velo-by-wix" target="">aggiungere codice, creare database e altro</a> (articolo in inglese).</div></div><div data-component-type="text"><ol>
  <li>Seleziona <strong>Codice</strong>  <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/0de74f7a-9d8a-4c0c-8279-219bd3eefe97/d55e629b-e8dc-4acc-8af2-7a7779fb8bbc.png" /> sul lato sinistro dell'Editor</li>  <li>Seleziona l'applicazione o l'elemento pertinente e clicca sull'icona <strong>Altre azioni</strong> <img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXdFGzMGNDzgiZQ0F979Jv1-o5331SfuPnrxO8m55pHp_EiDKy7_zvShglz_oxBkkonbL4dOmmectOTVLG8_Lwhsvbvn33GQEVRVFTt0SaKfQnbZ33f2OyrtaR5ki1Fo_2ovT0Vy4H_uPEi3jljAkW-gqs8?key=dRllTO6NEoYu0-D1JuBE8A" /></li>  <li>Seleziona <strong>Accessibilità</strong></li>  <li>Seleziona <strong>Aggiungi attributo</strong></li>  <li>Seleziona un attributo dal menu a tendina</li>  <li>Inserisci un'etichetta/seleziona il livello o il valore</li>  <li>Seleziona <strong>Aggiungi</strong></li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/06/28953d00-e0af-4830-9a6e-befc645463b7/d306108c-c260-44f0-8301-e5713d96a4c6.jpg" alt="Il pannello accessibilità di un elemento nell'Editor Studio. Il cursore sta cliccando sul tasto Aggiungi attributo" /></div></div></div><div class="tab-content"><div data-component-type="text"><div>Abilita gli strumenti per sviluppatori nel <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-informazioni-sulla-procedura-guidata-per-laccessibilità" target="">Wizard accessibilità</a> per aggiungere attributi aria ai tuoi elementi personalizzati. Puoi quindi aggiungere l'attributo cliccando con il tasto destro del mouse sull'elemento o sull'applicazione.</div></div><div data-component-type="text"><ol>
  <li>Seleziona <strong>Impostazioni</strong> nella barra superiore dell'Editor</li>  <li>Seleziona <strong>Wizard accessibilità</strong></li>  <li>Seleziona l'icona <strong>Altre azioni</strong> <img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXdFGzMGNDzgiZQ0F979Jv1-o5331SfuPnrxO8m55pHp_EiDKy7_zvShglz_oxBkkonbL4dOmmectOTVLG8_Lwhsvbvn33GQEVRVFTt0SaKfQnbZ33f2OyrtaR5ki1Fo_2ovT0Vy4H_uPEi3jljAkW-gqs8?key=dRllTO6NEoYu0-D1JuBE8A" /><strong> </strong>nella barra superiore del Wizard</li>  <li>Seleziona <strong>Impostazioni avanzate per l'accessibilità</strong></li>  <li>Clicca sull'interruttore sotto <strong>Strumenti avanzati per l'accessibilità</strong> per abilitarlo</li>  <li>Clicca con il tasto destro del mouse sull'applicazione o sull'elemento a cui desideri aggiungere gli attributi</li>  <li>Seleziona <strong>Accessibilità</strong></li>  <li>Seleziona <strong>Aggiungi attributo</strong></li>  <li>Seleziona un attributo dal menu a tendina</li>  <li>Inserisci un'etichetta/seleziona il livello o il valore</li>  <li>Seleziona <strong>Aggiungi</strong></li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/06/08f56fa8-dbc6-4484-b600-2447401cd390/51281520-4c34-49dc-a5f1-8159f3ce06e7.jpg" alt="Il pannello Accessibilità e la procedura guidata sono aperti. Il cursore sta cliccando su Aggiungi attributo e sull'interruttore è abilitato" /></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><div>Puoi disattivare le impostazioni avanzate di accessibilità in qualsiasi momento e gli attributi ARIA non verranno eliminati.</div></div></div></div></div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Puoi aggiungere Attributi ARIA ai seguenti elementi:</h2></div><div data-component-type="table"><div class="table-wrapper"><table><thead><tr><th><div>Elemento</div></th><th><div>Proprietà</div></th></tr></thead><tbody><tr><td><div>Finestra a comparsa</div></td><td><div>Etichetta</div></td></tr><tr><td><div>Testo </div></td><td><div>label, role (heading, status, alert), live, relevant, atomic, hidden, current, level</div></td></tr><tr><td><div>Riquadro contenitore</div></td><td><div>label, tabindex, role (region, group, none, status, alert), live, relevant, atomic, current, controls, hidden</div></td></tr><tr><td><div>Striscia</div></td><td><div>label, tabindex, role (heading, status, alert), live, atomic, hidden, current</div></td></tr><tr><td><div>Lista dinamica</div></td><td><div>label, role (heading, status, alert)</div></td></tr><tr><td><div>Tasto di testo</div></td><td><div>tabindex, pressed, expanded, haspopup</div></td></tr></tbody></table></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title"></div><div class="info-content"><div>Lavoriamo continuamente per aggiungere attributi ARIA a più elementi. <a data-composite="true" href="https://www.wix.com/contact/it" target="_blank">Contattaci</a> se hai richieste specifiche sugli attributi ARIA. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="editing-your-aria-attributes" level="3">Modificare gli attributi ARIA</h2></div><div data-component-type="text"><div>Dopo aver aggiunto gli attributi alle applicazioni personalizzate, puoi modificarli e aggiornarli in qualsiasi momento con l'icona Accessibilità <img data-composite="true" src="https://lh6.googleusercontent.com/tzGAKNeD3huzfUCBGbiHOAmMhpoOMn2d7mXWbB8x3rd5_wDvr4uEfNczYUD_5EqzSdzFPLv5nc9zp7VkwFDWloqQmUBf71J5_kTbI5nE3o9Wb2s_CS8xcsfkw0eHNAxCpa4dBBIq=s0" />. Questa icona viene aggiunta automaticamente agli elementi a cui hai collegato gli attributi.</div></div><div data-component-type="heading"><h2 id="" level="4">Per modificare l'attributo:</h2></div><div data-component-type="text"><ol>
  <li>Seleziona l'elemento o l'applicazione nel tuo Editor</li>  <li>Seleziona l'icona Accessibilità<strong> </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/05/05/123b3ec4-f910-485b-ba95-c80ee1f6723b/29accdaa-a7f8-4070-a4e9-be08ffc45e99.png" /></li>  <li>Passa il mouse sull'attributo pertinente e seleziona l'icona <strong>Altre azioni</strong> <img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXcC5vRw8B_ITz9qd1n_rF0jP0XZvFe8Ly4NcbviMUHdlLJZIK7ATwxhjb-fPDytIlmc7hmtqMlqZt_sh3CtRvQOGzQRe_skqNqCTCHoFti1Yc1JZwr5M1G5d7vxKBGJAMf6oCDrRmiI9mYujNW1sBSBKREb?key=dRllTO6NEoYu0-D1JuBE8A" /></li>  <li>Seleziona <strong>Modifica</strong></li>  <li>Apporta le modifiche pertinenti e seleziona <strong>Salva</strong></li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="types-of-aria-attributes" level="3">Tipi di attributi ARIA</h2></div><div data-component-type="table"><div class="table-wrapper"><table><thead><tr><th><div>Nome attributo</div></th><th><div>Categoria</div></th><th><div>Token</div></th></tr></thead><tbody><tr><td><div>tabindex</div></td><td><div><br /></div></td><td><div>0, -1</div></td></tr><tr><td><div>Ruolo</div></td><td><div><br /></div></td><td><div>token: secondo la definizione in primitivo</div></td></tr><tr><td><div>aria-level</div></td><td><div><br /></div></td><td><div>int</div></td></tr><tr><td><div>aria-live</div></td><td><div>Live</div></td><td><div>token: polite, assertive</div></td></tr><tr><td><div>aria-multiline </div></td><td><div>Descrizione</div></td><td><div>true, false</div></td></tr><tr><td><div>aria-multiselectable</div></td><td><div>Descrizione</div></td><td><div>true, false</div></td></tr><tr><td><div>aria-pressed</div></td><td><div>Stato</div></td><td><div>true, false</div></td></tr><tr><td><div>aria-relevant</div></td><td><div>Live</div></td><td><div>token: all, additions, removals, text</div></td></tr><tr><td><div>aria-activedescendant</div></td><td><div>Relazioni</div></td><td><div>ID_REF</div></td></tr><tr><td><div>aria-atomic</div></td><td><div>Live</div></td><td><div>true, false</div></td></tr><tr><td><div>aria-autocomplete</div></td><td><div>Descrizione</div></td><td><div>true, false</div></td></tr><tr><td><div>aria-controls</div></td><td><div>Relazioni</div></td><td><div>ID_REF</div></td></tr><tr><td><div>aria-current</div></td><td><div>Stato</div></td><td><div>step, page, true, false</div></td></tr><tr><td><div>aria-describedby</div></td><td><div>Relazioni</div></td><td><div>ID_REF (elementi separati da spazi)</div></td></tr><tr><td><div>aria-expanded</div></td><td><div><br /></div></td><td><div>true, false</div></td></tr><tr><td><div>aria-haspopup</div></td><td><div>Relazioni</div></td><td><div>dialog, menu, true, false</div></td></tr><tr><td><div>aria-hidden</div></td><td><div><br /></div></td><td><div>true, false</div></td></tr><tr><td><div>aria-invalid</div></td><td><div>Stato</div></td><td><div>true, false</div></td></tr><tr><td><div>aria-label</div></td><td><div><br /></div></td><td><div>string</div></td></tr><tr><td><div>aria-labelledby </div></td><td><div>Relazioni</div></td><td><div>ID_REF (elementi separati da spazi)</div></td></tr></tbody></table></div></div>

&quot;Passa al contenuto principale&quot; è una funzionalità che consente ai visitatori che utilizzano tecnologie aggiuntive e/o assistive di aggirare i contenuti irrilevanti o ripetuti. Ecco come app...

Accessibilità: informazioni su "Passa al contenuto principale"

<div data-component-type="text"><div>&quot;Passa al contenuto principale&quot; è una funzionalità che consente ai visitatori che utilizzano tecnologie aggiuntive e/o assistive di aggirare i contenuti irrilevanti o ripetuti. </div></div><div data-component-type="text"><div>Ecco come appare su un sito Wix live:</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/09/13/04bd498b-4bcc-471d-9078-111775493073/0d4f6684-5a9a-49f5-9279-b83acfee00b9.png" alt="Un sito live con il tasto Passa al contenuto principale abilitato" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Da dove ottiene Wix le sue informazioni?</div><div class="info-content"><ul>
  <li>Le nostre raccomandazioni si basano sulle <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">Linee guida per l'accessibilità dei contenuti web (WCAG)</a> (contenuti in inglese), che è un documento sviluppato dal <a data-composite="true" href="https://www.w3.org/" target="_blank">World Wide Web Consortium (W3C)</a></li>  <li>Questo articolo si basa sul <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/bypass-blocks.html" target="_blank">criterio di successo 2.4.1 (Bypass Blocks)</a></li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="why-skip-to-main-content-is-important" level="3">Perché l'opzione per passare al contenuto principale è importante</h2></div><div data-component-type="text"><div>I visitatori vedenti o quelli che utilizzano un mouse possono individuare visivamente il contenuto principale di una pagina o scorrendo la pagina del sito. Tuttavia, alcuni visitatori del sito, come quelli con problemi visivi, potrebbero utilizzare tecnologie assistive e/o una tastiera per navigare. </div></div><div data-component-type="text"><div>Passa al contenuto principale offre a questi visitatori l'accesso diretto al contenuto principale della pagina, senza dover prima sfogliare i contenuti ripetuti (ad esempio il titolo del sito, il menu, ecc.).</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="skip-to-main-content-and-wix-sites" level="3">Passa al contenuto principale e ai siti Wix</h2></div><div data-component-type="text"><div>Passa al contenuto principale viene abilitato automaticamente su tutti i siti che crei con Wix. Viene visualizzato come link quando i visitatori navigano nella pagina utilizzando il tasto Tab.</div></div><div data-component-type="text"><div>Il link è progettato per adattarsi alla maggior parte delle combinazioni di colori del sito. Tuttavia, potrebbe essere meno visibile nelle intestazioni/sezioni del sito che utilizzano una combinazione di colori bianco e blu. Ti consigliamo quindi di controllare il colore di queste sezioni per assicurarti che si distingua dai visitatori.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="testing-skip-to-main-content" level="3">Testare la funzionalità Passa al contenuto principale</h2></div><div data-component-type="text"><div>Puoi controllare come appare il link quando vuoi. Basta aprire il sito live (o l'anteprima del sito) e navigare nella pagina utilizzando il tasto Tab della tastiera per vederlo.</div></div><div data-component-type="text"><div>Se noti che il link non viene visualizzato nella versione di anteprima/live del tuo sito Editor Wix, puoi controllare e modificare le impostazioni dal Wizard accessibilità. </div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Vuoi creare un sito con l'Editor Studio?</div><div class="info-content"><div>Non è possibile disabilitare Passa al contenuto principale sui siti dell'Editor Studio, quindi non è necessario selezionare questa impostazione. </div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Per controllare le impostazioni:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Vai all'Editor</a></li>  <li>Clicca su <strong>Impostazioni </strong>in alto e seleziona <strong>Wizard accessibilità</strong></li>  <li>Clicca sull'icona <strong>Altre azioni </strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/11/25/a94380b6-9e23-427e-b15a-655b543c14d1/b4a0776b-b9da-43ec-89ba-59cba9a49e4f.png" /> nella parte superiore del pannello del Wizard accessibilità </li>  <li>Seleziona <strong>Impostazioni avanzate per l'accessibilità</strong> </li>  <li>Clicca su <strong>Passa al contenuto principale</strong></li>  <li>Clicca sull'interruttore per attivarlo o disattivarlo:
    <ul>
      <li><strong>Abilitato:</strong> Passa al contenuto principale viene visualizzato sul tuo sito live ed è il primo link che i visitatori vedono durante la navigazione tramite tastiera</li>      <li><strong>Disabilitato:</strong> Passa al contenuto principale non viene visualizzato sul tuo sito live</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/06/5ac3a5d2-91a5-48ef-8286-09839baecca5/114bfdaa-5c69-45eb-8cd9-4836143fe4ae.jpg" alt="Le impostazioni avanzate nella procedura guidata del Wizard accessibilità. Il cursore ha abilitato l'interruttore per passare al contenuto principale" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Qual è il prossimo passo?</div><div class="info-content"><div>Torna alla <a data-composite="true" href="https://support.wix.com/it/article/editor-wix-migliorare-laccessibilità-del-tuo-sito" target="">Checklist per l'accessibilità</a> per continuare a migliorare l'accessibilità del sito. </div></div></div></div>

Tu o i tuoi visitatori potreste notare che gli elementi che contengono movimento (come effetti di animazione e video trasparenti) non vengono riprodotti sia sulla versione mobile che su quella desktop...

Accessibilità: video e animazioni non riprodotti sul sito live

<div data-component-type="text"><div>Tu o i tuoi visitatori potreste notare che gli elementi che contengono movimento (come effetti di animazione e video trasparenti) non vengono riprodotti sia sulla versione mobile che su quella desktop del tuo sito live. Ciò può essere dovuto alle impostazioni del sistema operativo che tu o il tuo visitatore state utilizzando.</div></div><div data-component-type="text"><div>Esistono due impostazioni che impediscono la riproduzione di animazioni e video su un sito live: Movimento ridotto e Prestazioni ottimali.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="reduced-motion" level="3">Movimento ridotto</h2></div><div data-component-type="text"><div>La funzionalità Movimento ridotto interrompe la riproduzione di animazioni e video nel browser. Il movimento ridotto è una funzione di accessibilità, il che significa che il suo utilizzo principale è quello di consentire ai visitatori con disabilità o in determinate condizioni (es. chinetosi) di visitare il tuo sito.</div></div><div data-component-type="text"><div>Movimento ridotto è disponibile sulla maggior parte dei sistemi operativi. Tu e i tuoi visitatori potete disattivare la funzione dal tuo dispositivo per vedere l'intera gamma di effetti, movimenti e animazioni sul tuo sito.</div></div><div data-component-type="text"><div>Seleziona il dispositivo pertinente dall'elenco seguente per scoprire come disattivare la funzionalità Movimento ridotto.</div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://support.apple.com/it-it/HT202655" target="_blank">iPhone e iPad</a></li>  <li><a data-composite="true" href="https://support.apple.com/it-il/guide/mac-help/mchlc03f57a1/mac" target="_blank">MacOS</a></li>  <li><a data-composite="true" href="https://support.office.com/it-it/article/Turn-off-Office-animations-9EE5C4D2-D144-4FD2-B670-22CEF9FA025A" target="_blank">Sistema operativo Windows</a></li>  <li><a data-composite="true" href="https://www.howtogeek.com/415161/does-looking-at-your-phone-make-you-dizzy-disable-animations/" target="_blank">Android</a> (pagina in inglese)</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Nota:</div><div class="info-content"><div>La funzionalità di Movimento ridotto viene abilitata automaticamente anche per alcuni dispositivi mobile in modalità di risparmio energetico/batteria bassa.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="performance-options" level="3">Opzioni di performance</h2></div><div data-component-type="text"><div>I visitatori possono modificare un'impostazione sul loro computer per migliorare le prestazioni del tuo sito. L'impostazione <strong>Regola in modo da ottenere le prestazioni migliori</strong>, disponibile sui dispositivi con sistema operativo Windows, ti consente di scegliere cosa fare con gli effetti visivi, come gli elementi animati e i video.</div></div><div data-component-type="text"><div>In base alle loro preferenze, i visitatori possono scegliere se abilitare o disabilitare eventuali effetti visivi sul proprio browser.</div></div><div data-component-type="heading"><h2 id="" level="4">Per modificare le impostazioni delle prestazioni:</h2></div><div data-component-type="text"><ol>
  <li>Inserisci &quot;Prestazioni&quot; nella casella di ricerca di Windows</li>  <li>Seleziona <strong>Regola in modo da ottenere le prestazioni migliori di Windows </strong></li>  <li>Seleziona la scheda <strong>Effetti visivi</strong></li>  <li>Scegli un'opzione dall'elenco seguente:
    <ul>
      <li><strong>Consenti a Windows di scegliere ciò che è meglio per il mio computer:</strong> Windows modifica le impostazioni delle prestazioni del dispositivo in base alle funzionalità del dispositivo</li>      <li><strong>Regola in modo da ottenere l'aspetto migliore:</strong> tutti gli effetti visivi avanzati e le impostazioni sono abilitati e riprodotti sul tuo dispositivo (incluse animazioni e video)</li>      <li><strong>Regola in modo da ottenere le prestazioni migliori:</strong> tutti gli effetti visivi avanzati e le impostazioni sono disabilitati e non vengono riprodotti sul tuo dispositivo</li>      <li><strong>Personalizza:</strong> regola manualmente le impostazioni per abilitare e disabilitare le funzionalità desiderate</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/07/18/fdef93a2-4781-416b-8a15-f73d77c4f12c/8fae3cab-b453-4700-9e83-97d8d57a83b9.png" alt="Regola l'aspetto e le prestazioni della scheda Windows. Il cursore passa su" /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Nota:</div><div class="info-content"><div>Affinché i visitatori possano vedere le animazioni e i video riprodotti sul tuo sito live, devono selezionare l'opzione <strong>Regola in modo da ottenere l'aspetto migliore</strong>.</div></div></div></div>

Al momento, non abbiamo una barra degli strumenti di accessibilità integrata che i visitatori possano utilizzare per regolare o migliorare l'accessibilità di determinate parti del tuo sito. In alterna...

Richiesta: aggiungere una barra degli strumenti di accessibilità al tuo sito

<div data-component-type="text"><div>Al momento, non abbiamo una barra degli strumenti di accessibilità integrata che i visitatori possano utilizzare per regolare o migliorare l'accessibilità di determinate parti del tuo sito. </div></div><div data-component-type="text"><div>In alternativa, puoi aggiungere una barra degli strumenti per l'accessibilità <a data-composite="true" href="https://support.wix.com/it/article/accessibilità-aggiungere-una-barra-di-accessibilità-al-tuo-sito" target="">recuperando un codice di terze parti e incorporandolo nel tuo sito</a>. </div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Nota:</div><div class="info-content"><div>Le barre degli strumenti per l'accessibilità non sono un requisito per raggiungere lo standard descritto nelle <a data-composite="true" href="https://www.w3.org/WAI/standards-guidelines/wcag/" target="">Linee guida per l'accessibilità dei contenuti web</a> (pagina in inglese). </div></div></div></div><div data-component-type="text"><div>Lavoriamo sempre per aggiornare e migliorare i nostri prodotti, e il tuo feedback è molto apprezzato.</div></div><div data-component-type="text"><div>Se questa è una funzionalità che vorresti vedere in futuro, clicca su <strong>Vota per questa funzionalità</strong>  e ci assicureremo di tenerti aggiornato.</div></div>

Al momento, non è possibile creare una sitemap HTML dinamica, che si aggiornerebbe automaticamente quando aggiungi nuove pagine al tuo sito. In alternativa, puoi creare una pagina del sito che elenca ...

Richiesta: creare una sitemap HTML dinamica

<div data-component-type="text"><div>Al momento, non è possibile creare una sitemap HTML dinamica, che si aggiornerebbe automaticamente quando aggiungi nuove pagine al tuo sito. </div></div><div data-component-type="text"><div>In alternativa, puoi <a data-composite="true" href="https://support.wix.com/it/article/editor-wix-aggiungere-una-pagina-al-tuo-sito" target="">creare una pagina del sito</a> che elenca e <a data-composite="true" href="https://support.wix.com/it/article/editor-wix-aggiungere-un-link-a-un-elemento-4379310" target="">si collega a tutte le pagine del tuo sito</a> e aggiorna l'elenco quando necessario.</div></div><div data-component-type="text"><div>Lavoriamo costantemente per aggiornare e migliorare i nostri prodotti e il tuo feedback è molto apprezzato.</div></div><div data-component-type="text"><div>Se questa è una funzionalità che vorresti vedere in futuro, clicca su <strong>Vota per questa funzionalità</strong> e ci assicureremo di tenerti aggiornato.</div></div>

Come iniziare

Scegliere il tuo template

Ingaggiare un professionista

Scopri come iniziare a costruire il tuo sito con Wix. Scegli un template e personalizzalo, o assumi un professionista per creare o far crescere la tua presenza online.

Primi passi

Scopri come creare il sito per la tua attività con Wix.

Basi dell'Editor Wix

Usare gli strumenti dell'Editor

Layout del sito

Strisce e colonne

Progettare la struttura del tuo sito

Progettare il design del tuo sito

Pagine

Gestire pagine e menu

Testo

Tasti

Riquadri e contenitori

Slideshow

Forme e linee

Aggiungere e personalizzare elementi

Immagini

Galleria

Video

Documenti e file

Aggiungere file e media

Lavorare con gli elementi

Usare effetti e animazioni

Condividere e promuovere il tuo sito

Altri elementi

Per iniziare

Strumenti mobile

Pagine su mobile

Sfondo su mobile

Layout del sito mobile

Menu del sito su mobile

Testo su mobile

Media su mobile

Altri elementi su mobile

Risoluzione dei problemi 

Creare un sito mobile

Risoluzione dei problemi dell'Editor

Usare l'Editor Wix

Utilizzare il tuo Pannello di controllo

Gestire il sito

Gestire ruoli e autorizzazioni

Gestire il tuo sito

Iniziare con l'IA

Usare l'IA per configurare il tuo business

Strumenti IA

Informazioni di base sul Gestore media

Aggiungere e caricare elementi multimediali

Acquistare elementi multimediali

Gestire i tuoi file multimediali

Problemi con gli elementi multimediali

Aggiungere e gestire media

Usare la Wix Pro Gallery

Modificare le immagini (Wix Photo Studio)

Gestire elementi multimediali

Iniziare con Wix Multilingua

Tradurre il tuo sito

Gestire le lingue del tuo sito

SEO per Wix Multilingua

Creare un sito multilingua 

Privacy & GDPR

Informazioni sull'accessibilità

Rendere il tuo sito accessibile

Funzionalità avanzate per l'accessibilità

Creare un sito accessibile

Info sul Gestore contenuti

Gestire le raccolte del Gestore contenuti

Collegare i contenuti delle tue raccolte al tuo sito

Lavorare con le pagine dinamiche e il Gestore contenuti

Collegare gli elementi di input dell'utente al Gestore contenuti

Usare il Gestore contenuti con altri prodotti Wix

Funzionalità avanzate del Gestore contenuti

Gestore contenuti

Wix per gli sviluppatori

Avanzato: siti di prova

Avanzato: accesso SSO

Wix Blocks

Funzionalità avanzate

Scopri come usare l'Editor Wix e gestire i contenuti del tuo sito. Proteggi la privacy dei tuoi visitatori e rendi il tuo sito accessibile.

Creare il tuo sito

Progetta il tuo sito con le funzionalità intuitive di Wix.

Cambiare le impostazioni dell'account

Problemi di accesso

Gestire il tuo account

Fare l'upgrade a un pacchetto Premium

Fatturazione per pacchetti Premium

Fatturazione per domini

Fatturazione per Email aziendale Google Workspace

Gestire i tuoi abbonamenti

Addebiti, pagamenti e tasse

Fatture per i servizi Wix

Buoni e promozioni

Premium, fatturazione e abbonamenti

Gestisci le impostazioni del tuo account, i tuoi abbonamenti e i pacchetti Premium, e scopri di più sulle tue fatture.

Account e fatturazione

Gestisci abbonamenti, pacchetti e fatture.

Gestire il tuo sito con l'app Wix

Info sulle app mobile

App mobile per i tuoi clienti

Usa l'app Wix per gestire la tua attività, comunicare con i tuoi visitatori e creare la tua community.

Usare le app mobile Wix

Gestisci la tua attività e comunica con i tuoi membri.