Passa al contenuto principale
Loading...
Skip to article
  • Qualtrics Platform
    Qualtrics Platform
  • Customer Journey Optimizer
    Customer Journey Optimizer
  • XM Discover
    XM Discover
  • Qualtrics Social Connect
    Qualtrics Social Connect

Accessibilità Insights sito Web/app


Was this helpful?


This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

The feedback you submit here is used only to help improve this page.

That’s great! Thank you for your feedback!

Thank you for your feedback!


Funzionalità di accessibilità di Insights sito Web/app

I progetti Website / App Insights hanno molte funzionalità integrate per rendere l’accessibilità senza sforzo. Di seguito sono riportate alcune delle funzionalità di accessibilità che ci si aspetta di trovare in tutta la piattaforma:

  • Tutti gli elementi creativi sono tabulabili e selezionabili tramite tastiera. Sono supportati TAB, ESC e Enter (e invio, per Mac Users), ma non i tasti freccia o altri.
  • Per gli editor di intercetta Pop Over e Dialogo reattivo, gli utenti non possono effettuare la scheda al di fuori del creativo fino a quando non è chiuso. Inoltre, non consente l’inserimento di tabulazioni nella pagina sottostante.
  • Per i creativi Pop Over e Dialogo reattivo, lo stato attivo viene applicato direttamente al creativo una volta visualizzato.
  • Se vengono utilizzate destinazioni incorporate, gli utenti possono fare clic con il pulsante destro del mouse sulla destinazione incorporata e aggiungere un titolo iframe.
  • Se le finestre incorporate sono utilizzate nelle opzioni avanzate dell’intercettazione, gli utenti possono aggiungere un titolo iframe.

Poi, tratteremo le funzioni di accessibilità uniche per le esigenze del design di ogni creativo.

Creativo dialogo reattivo

  • Facile definizione di Testo Alt: se viene utilizzata un’icona personalizzata all’interno della finestra di dialogo, si consente agli utenti di specificare Testo Alt per indicare il testo che il programma di lettura dello schermo deve leggere quando l’area attiva è sull’icona.
    Qtip: se scegli di includere un’icona per scartare l’intercettazione, il testo alternativo per il pulsante X che appare nell’angolo in alto a destra del creativo è “chiuso”. Anche questo testo alternativo è localizzato.
  • Etichette ARIA per i controlli dei pulsanti: per impostazione predefinita, i programmi di lettura dello schermo leggeranno il testo specificato per l’etichetta del pulsante. Tuttavia, in alcuni casi, è possibile che si desideri che il programma di lettura dello schermo legga un contesto aggiuntivo, ad esempio “Fare clic su questo pulsante per aprire una nuova finestra del sondaggio”. In questo caso, è possibile specificare l’etichetta ARIA per i pulsanti di comando.
  • Differenze di colore per gli elementi all’interno del Creativo stesso: Sebbene Qualtrics non possa fornire una guida diretta al contrasto, gli utenti hanno pieno controllo per scegliere il colore appropriato per gli elementi creativi.

Creativo pulsante feedback

Pop over, slider, InfoBar e creativi feedback integrati personalizzati

  • Differenze di colore per gli elementi all’interno del Creativo stesso: Sebbene Qualtrics non possa fornire una guida diretta al contrasto, gli utenti hanno pieno controllo per scegliere il colore appropriato per gli elementi creativi.
Qtip: i pulsanti target su questi creativi necessitano di ulteriori modifiche per renderli accessibili, poiché i nomi e i ruoli dei pulsanti scelti possono variare. Consultare le sezioni collegate della pagina di supporto per maggiori dettagli.

App mobile SDK

  • Accessibile alle utilità per la lettura dello schermo mobile:
    • Semplifica la navigazione e l’uscita dalla finestra di dialogo da parte dei programmi di lettura dello schermo.
    • Consente la lettura del testo all’interno dei pulsanti e anche del tipo di posizione (ad es. pulsante di comando).

Creazione di un editor di intercetta per dialogo reattivo accessibile

Questa sezione descrive come modificare un editor di intercetta per finestre di dialogo reattive in modo che sia accessibile ai lettori schermo.

  1. Navigare alla pagina Progetti, quindi creare un progetto Website / App Insights.
  2. Fare clic su Crea nuovo.
    Fai clic su Crea nuovo sul lato destro
  3. Seleziona Finestra di dialogo reattiva come tipo di intercetta.
    Fare clic sulla casella sul lato sinistro
  4. Assegna un nome all’intercetta.
    Crea la tua intercetta con un nome
  5. Scegliere un sondaggio da collegare o immettere un URL personalizzato a cui indirizzare.
  6. Fare clic su Successivo.
  7. Selezionare Pulsanti.
    Selezionare i pulsanti, quindi fornire il feedback delletichetta
  8. Inserire il testo appropriato per ciascuno dei pulsanti nella sezione Testo. Questo testo verrà visualizzato agli utenti e letto ad alta voce dai programmi di lettura dello schermo.
  9. Fare clic su Loghi & immagini.
    Fare clic su Logo a sinistra, quindi assegnare un nome al testo Alt
  10. Modificare la sezione Testo alternativo per fornire una descrizione scritta del grafico. I visitatori che utilizzano programmi di lettura dello schermo avranno il testo alternativo letto, in modo da sapere che cos’è l’immagine se sono ipovedenti.
  11. Se stai visualizzando il tuo sondaggio direttamente nella finestra di dialogo, vai a Dimensioni & Stile.nella dimensione & tab di stile, aggiunta di un titolo iframe
  12. Casella di spunta per Visualizzare indagine direttamente nella finestra di dialogo.
  13. Nella casella del titolo Iframe, immettere il testo che si desidera venga letto dai programmi di lettura dello schermo quando incontrano per la prima volta il sondaggio.
Consiglio Q: se non stai utilizzando il flusso di lavoro guidato per creare la tua intercetta, segui i passaggi 7-13 per ogni editor di intercetta.

Creazione di un creativo pulsante feedback accessibile

  1. Navigare alla pagina Progetti, quindi creare un progetto Website / App Insights.
  2. Fare clic su Crea nuovo.
    Fai clic su Crea nuovo sul lato destro
  3. Seleziona Pulsante feedback come tipo di intercetta.
    Fare clic sullicona centrale Pulsante Feedback
  4. Assegna un nome all’intercetta.
    Crea la tua intercetta con un nome
  5. Scegliere un sondaggio da collegare o immettere un URL personalizzato a cui indirizzare.
  6. Fare clic su Successivo.
  7. Passa a aspetto & sentimento.
    Vai a Look & sentiti a destra e poi inserisci il testo del pulsante
  8. Inserire il testo appropriato per i pulsanti nella sezione Testo pulsante. Questo testo verrà visualizzato agli utenti e letto ad alta voce dai programmi di lettura dello schermo.
  9. Se si utilizza un pulsante personalizzato, selezionare Usa il mio pulsante e caricare l’immagine appropriata dal computer.
  10. Una volta caricata l’immagine, modificare il testo Alt per fornire una descrizione scritta del pulsante. I visitatori che utilizzano programmi di lettura dello schermo avranno il testo alternativo letto, in modo da sapere che cos’è l’immagine se sono ipovedenti.
    Se si fa clic su Utilizza il mio pulsante, carica unimmagine dal tuo computer
  11. Fare clic su Visualizzazione sondaggio.
    Fai clic sulla visualizzazione del sondaggio sul lato sinistro
  12. Specificare un titolo iframe nella sezione Titolo Iframe. Se hai aggiunto una destinazione incorporata alla tua intercetta, questa opzione aggiungerà un titolo all’iframe che i lettori dello schermo possono interpretare.

Aggiunta di testo alternativo e ruoli ai pulsanti di comando di destinazione

Qtip: se non hai accesso a nessuna delle funzionalità descritte in questa sezione, contatta il tuo Account Executive. Per ulteriori informazioni sulle differenze tra Digital Feedback e CustomerXM for Digital, consultare Digital Feedback vs. CustomerXM for Digital.
Qtip: le finestre di dialogo reattive e i pulsanti di feedback non richiedono questo passaggio.
Attenzione: le funzionalità di codifica personalizzata sono fornite così com’è e potrebbero richiedere conoscenze di programmazione per l’implementazione. Il nostro team di supporto non offre assistenza o consulenza sulla codifica personalizzata. Puoi invece provare a domandare alla nostra community di utenti esperti. Se desideri saperne di più sui nostri servizi di programmazione personalizzata disponibili per l’acquisto, contatta il tuo Account Executive Qualtrics.

Se la destinazione è sotto forma di immagine del pulsante caricata, l’aggiunta di testo alternativo e di un attributo del ruolo consente al programma di lettura dello schermo di comprendere cosa si suppone debba dire e cosa fare il pulsante.

  1. Apri il tuo creativo nella scheda Creativi.
  2. Fare doppio clic sull’elemento Destinazione che contiene l’immagine.
    È stato fatto doppio clic sul pulsante nell’editor di editor di intercetta, che mostra una nuova barra degli strumenti verso l’alto con un pulsante Origine
  3. Fare clic su Origine.
  4. All’interno del<img> tag, aggiungere un attributo<img alt="text here" /> alt al tag e impostare il valore uguale al testo dell’immagine.
    <img alt="Sign Up Now" ... />
    Qtip: il software di lettura dello schermo leggerà ad alta voce ciò che è contenuto nell’attributo alt quando arriverà all’immagine.

    Nell’origine, il tag img ha un tag alt, proprio come questa immagine

  5. Circonda il<img> tag con un<span> tag.
    Spazi aggiunti al testo sorgente del pulsante
  6. Aggiungere un attributo role=”button” al<span> tag.
    <span role="button"><img .../></span>
    Qtip: l’attributo del ruolo indica al visitatore che utilizza un lettore schermo che questo elemento è un pulsante attivabile.

    Un ruolo aggiunto al pulsante di comando per i tag span impostato uguale a

Destinazioni standard (testo link)

  1. Apri il tuo creativo nella scheda Creativi.
  2. Fare doppio clic sull’elemento di destinazione che contiene il testo.
    Viene fatto doppio clic sulla destinazione nell’editor di intercetta, rivelando una nuova barra degli strumenti verso l’alto con un pulsante Origine
  3. Fare clic su Origine.
  4. Aggiungere un attributo role=”button” al<span> tag.
    <span role="button" ... >Contenuto casella di testo</span>

    È stato impostato un ruolo uguale al pulsante nel tag span

Aggiunta di testo alternativo e ruoli per i pulsanti di chiusura

Qtip: le finestre di dialogo reattive e i pulsanti di feedback non richiedono questo passaggio.
Attenzione: le funzionalità di codifica personalizzata sono fornite così com’è e potrebbero richiedere conoscenze di programmazione per l’implementazione. Il nostro team di supporto non offre assistenza o consulenza sulla codifica personalizzata. Puoi invece provare a domandare alla nostra community di utenti esperti. Se desideri saperne di più sui nostri servizi di programmazione personalizzata disponibili per l’acquisto, contatta il tuo Account Executive Qualtrics.

Pulsante Chiudi come immagine

  1. Apri il tuo creativo nella scheda Creativi.
  2. Fare doppio clic sull’elemento Close che contiene l’immagine.
    Il pulsante Chiudi nell’editor di intercetta viene cliccato due volte, rivelando una nuova barra degli strumenti verso l’alto con un pulsante Origine all’interno
  3. Fare clic su Origine.
  4. Aggiungere l’attributo alt=”close” al<img> tag.
    <img alt="close" ... />
    Qtip: il software di lettura dello schermo leggerà ad alta voce ciò che è contenuto nell’attributo alt quando arriverà all’immagine.

    Un tag alt uguale alla parola Chiudi è stato aggiunto al tag img allinterno dellorigine

  5. Circonda il<img> tag con un<span> tag.
    Estendi tag allinterno del codice sorgente
  6. Aggiungere un attributo role=”button” al<span> tag.
    <span role="button"><img .../></span>
    Qtip: l’attributo del ruolo indica al visitatore che utilizza un lettore schermo che questo elemento è un pulsante attivabile.

    Un attributo ruolo uguale al pulsante aggiunto allintervallo

Pulsante Chiudi come testo

  1. Apri il tuo creativo nella scheda Creativi.
  2. Fare doppio clic sull’elemento Close che contiene il testo.
    Viene fatto doppio clic sul testo chiuso nell’editor di creativo, che mostra una nuova barra degli strumenti verso l’alto con un pulsante Origine
  3. Fare clic su Origine.
  4. Aggiungere un attributo role=”button” al<span> tag.
    <span role="button" ...>Contenuto casella di testo</span>
    Qtip: l’attributo del ruolo indica al visitatore che utilizza un lettore schermo che questo elemento è un pulsante attivabile.

    Un attributo di ruolo aggiunto allinsieme di intervalli uguale al pulsante

FAQ

Molte delle pagine di questo sito sono state tradotte dall'originale in inglese mediante traduzione automatica. Sebbene in Qualtrics abbiamo profuso il massimo impegno per avere le migliori traduzioni automatiche possibili, queste non sono mai perfette. Il testo originale inglese è considerato la versione ufficiale, e qualsiasi discrepanza tra questo e le traduzioni automatiche non è legalmente vincolante.