Best practice per la progettazione di viste accessibili

You created a great view, and you want to make it more accessible so all your users can see and understand the data.

Tableau supporta diversi controlli per la creazione di viste accessibili. Questi controlli sono in linea con i requisiti della Sezione 508 degli Stati Uniti e con le Linee guida per l'accessibilità dei contenuti Web (WCAG 2.2 AA). Make sure that content shared from Tableau Cloud or Tableau Server follows the steps in Authoring delle viste per l’accessibilità and aligns with these WCAG 2.2 AA principles:

  • Percepibile: le informazioni e le componenti dell’interfaccia utente devono essere presentati agli utenti in modo che possano essere percepiti. Prendi in considerazione di includere le alternative di testo e i modi alternativi per presentare il contenuto.

  • Utilizzabile: le componenti dell’interfaccia utente e la navigazione devono essere accessibili agli utenti dai diversi dispositivi o dai metodi che utilizzano per interagire con la vista.
  • Understandable - The information presented in the view must be understandable to your users. For example, by using clearly distinguishable names and labels for different elements shown in your view.

Follow the best practices described in this article and in Authoring delle viste per l’accessibilità to build views that are accessible to all of your users when published on Tableau Server or Tableau Cloud.

Resta sul semplice

Principio WCAG 2.1 AA: comprensibile

Potresti avere molte informazioni che vuoi comunicare con la tua vista. However, dense views can be difficult to understand or navigate by using a screen reader or keyboard. Utilizza le seguenti linee guida per comunicare tutto ciò che vuoi senza travolgere gli utenti con una vista sovraffollata.

  • Aggregate your data whenever possible to help reduce the number of marks you're showing. Inoltre, mostrare più di 1.000 indicatori nella vista può portare a un rendering della vista da parte del server anziché del browser e le viste con rendering sul lato server non sono ancora supportate per l’allineamento alle linee guida WCAG.

    Gli utenti possono accedere anche alla pagina Visualizza dati (abilitata per impostazione predefinita) per rivedere i dati sottostanti degli indicatori o per scaricare i dati da tale pagina in un’applicazione accessibile per visualizzarla.

    Esempio: questo esempio mostra due diverse viste del grafico a barre per illustrare la differenza tra una vista dettagliata e aggregata.

    Non facilmente accessibile: troppi indicatoriPiù accessibile: vista aggregata
    Grafico a colonne con 5.000 indicatoriGrafico a colonne con etichette di testo e meno indicatori
    • Questa quantità di dettagli rende la vista più difficile da capire.

    • The view is showing over 5000 marks and doesn't include enough text to indicate what the different marks represent.

    • It's too difficult to use for users who need screen readers.

    • Questo esempio mostra la stessa vista con i dati aggregati a un livello superiore.

    • Key data points are still included, but they're now easier for users to read and understand.

    • Il numero di indicatori è ridotto da oltre 5.000 a circa 20.

    • Gli utenti possono ancora leggere i dettagli sottostanti degli indicatori facendo attenzione alla vista e quindi premere Invio per aprire la pagina Visualizza dati.

     

  • Consider simple graphic elements like bar charts or line charts that allow you to use text, color, and shapes to add more context to the view.

  • Limita il numero degli indicatori a quelli che enfatizzano i punti dati più importanti.

Per informazioni ed esempi su come creare questo tipo di vista, consulta Resta sul semplice in Authoring delle viste per l’accessibilità.

 

Titoli e didascalie

Principio WCAG 2.1 AA: percepibile, comprensibile

Providing good descriptive text in titles and captions provides context to users who use assistive technology, and can help them understand the data in your view. Utilizza le seguenti linee guida per adattare la natura visiva di Tableau per soddisfare le esigenze di tutti gli utenti.

  • Pensa alle viste come supplemento al testo che usi per descriverle.

  • Utilizza il testo nei titoli e nelle didascalie per descrivere le tue visualizzazioni e quello che stai mostrando.

  • Utilizza un linguaggio semplice e facile da capire. Evita forme gergali, acronimi o abbreviazioni.

  • Don't include words like "image of" or "picture of" in your text descriptions, because screen readers sometimes include this information.

  • Avoid all capital letters (for example in headings or titles), because they can be difficult to read.

    Esempio: questo esempio mostra due diversi grafici a barre. One with very little text and the other with titles and captions to add context

    Non facilmente accessibile: troppo poco testoPiù accessibile: aggiunta di testo descrittivo per fornire contesto
    Grafico a colonne con testo minimoGrafico a colonne con l’aggiunta di titoli e didascalie
    • A one-word title isn't descriptive enough.

    • Gli indicatori sono differenziati per colore e dimensione. Ma senza il testo aggiuntivo, il contesto di questi indicatori può essere difficile da capire.

    • There's no caption or other explanatory text to help explain this view.

    • Questo esempio mostra la stessa vista, ma include del testo esplicativo aggiuntivo sia nel titolo che nella didascalia.

    • Vengono utilizzati gli stessi elementi distintivi delle dimensioni e della scala dei colori, ma le etichette vengono aggiunte agli indicatori a barre per fornire un contesto aggiuntivo.

Per informazioni ed esempi su come creare una vista che includa del testo per il contesto, consulta Mostra altro testo e rendilo utile in Authoring delle viste per l’accessibilità.

 

Testo aggiuntivo

Principio WCAG 2.1 AA: percepibile, comprensibile

By using text beyond just titles and captions can help users understand the context of what you're showing, as well as help describe the relationship between the different controls (such as legends and filters) and your data.

Use these guidelines when adding additional text:

  • Utilizza il testo nelle intestazioni delle legende o dei filtri per descrivere il controllo e le relative operazioni. You can also use text zones on a dashboard to add context for your visualizations to further describe what you are showing.

  • Aggiungi testo alternativo (alt text) alle visualizzazioni. Tableau ha iniziato a generare automaticamente il testo alternativo per le visualizzazioni nella versione 23.1. In Tableau 23.2 and later, you can edit the auto-generated alt text to add context that you know is important to your audience.
  • Fai riferimento ai controlli per etichetta quando possibile. Ad esempio, la modifica dell’etichetta di una legenda da Sottocategoria in Chiave colore per tipo di prodotto può aiutare gli utenti a capire la relazione tra i controlli e i dati.

  • Se includi il testo del collegamento nella tua vista, utilizza il testo che descrive la destinazione del collegamento. For example, use link text like "Global Warming statistics for 1990-2020." Evita "Fai clic qui", "Altro" o "Maggiori informazioni". Questi esempi di testo del collegamento sono troppo generici e possono confondere gli utenti.

  • Esempio: il seguente esempio mostra due grafici a bolle. Una vista utilizza solo il testo visualizzato per impostazione predefinita durante la creazione di una vista, mentre l’altra contiene testo aggiuntivo, che fornisce contesto in tutta la vista per aiutare a trasmettere il significato.

    Non facilmente accessibile: troppo poco testoPiù accessibile: testo più descrittivo
    Grafico a bolle con pochissimo testoGrafico a bolle con titolo, didascalie e più testo
    • Questa vista utilizza solo il testo predefinito per il titolo del foglio e le etichette predefinite per i filtri e la legenda.

    • Gli indicatori sono differenziati per dimensioni e per colore.

    • There's no caption or other explanatory text included in the view to help provide context.

    • Questo esempio mostra la stessa vista, ma include il testo esplicativo aggiuntivo.

    • Il testo aggiuntivo è stato aggiunto al titolo e alla didascalia per spiegare la relazione tra gli indicatori e fornire ulteriore contesto sulla vista mostrata.

    • Vengono aggiunte etichette dell’indicatore per mostrare i numeri di profitto in modo che gli utenti non debbano affidarsi al colore solo per capire queste informazioni.

Per informazioni ed esempi su come creare una vista che includa del testo aggiuntivo per il contesto, consulta Mostra altro testo e rendilo utile e Authoring delle viste per l’accessibilità in Authoring delle viste per l’accessibilità.

 

Colore e contrasto

Principio WCAG 2.1 AA: percepibile, comprensibile

Puoi utilizzare il colore per distinguere gli indicatori nella vista. However, for users with visual impairments, color alone doesn't always provide enough of a distinction. Troppi colori è particolarmente difficile quando ci sono molti indicatori in una vista. Use these guidelines when adding color in your views:

  • Tableau offre una gamma di colori per persone con problemi visivi che consente di selezionare i colori appropriati per la vista. Per qualsiasi gamma di colori utilizzata, prova a fornire abbastanza contrasto e assegna i colori che differiscono l’uno dall’altro nello spettro chiaro-scuro.

  • Per gli indicatori di linea, utilizza opzioni aggiuntive come forme, dimensioni ed etichette per distinguerli.

  • Utilizza gli strumenti di analisi del contrasto(Il collegamento viene aperto in una nuova finestra) per semplificare la selezione dei colori e degli sfondi del testo con rapporti di contrasto sufficienti. Assicurati che il contrasto del colore per il testo sia forte e che soddisfi gli standard di contrasto 4,5:1 (3:1 per il testo grande).

    Esempio: questo esempio mostra due grafici a linea. Uno che utilizza il colore solo per differenziare le linee e l’altro che utilizza i colori più appropriati insieme alle forme per differenziare gli indicatori

    Non facilmente accessibile: utilizza il colore solo per differenziare gli indicatoriPiù accessibile: utilizza il colore e la forma per differenziare gli indicatori
    Grafico a linee che mostra solo il colore per differenziare gli indicatoriGrafico a linee che utilizza sia il colore che le forme per differenziare gli indicatori
    • Questa vista utilizza solo il colore per differenziare le linee l’una dall’altra.

    • The marks in the view aren't using a color palette that is fully accessible to users with visual impairments.

    • In questo esempio viene visualizzata la stessa vista, ma è utilizzato sia il colore che la forma per identificare gli indicatori.

    • Una legenda dei colori e una legenda delle forme con titoli chiari identificano i colori e forme rappresentati nella vista.

Per informazioni ed esempi su come creare una vista che utilizzi il colore per distinguere gli indicatori, consulta Authoring delle viste per l’accessibilità in Authoring delle viste per l’accessibilità.

 

Pubblica la vista

Principio WCAG 2.1 AA: percepibile, utilizzabile, comprensibile

Per rendere le viste disponibili agli utenti, pubblica la vista su Tableau Server o Tableau Cloud. Quindi, nel menu della barra degli strumenti, fai clic su Condividi. Gli utenti possono interagire con la vista e i pulsanti della barra degli strumenti utilizzando un'utilità di lettura dello schermo o una tastiera. Per maggiori informazioni, consulta Accessibilità da tastiera per Tableau sul Web.

For information about how to publish and embed workbooks, find the embed code, and turn off the toolbar, see Pubblica e condividi la vista in Authoring delle viste per l’accessibilità.

Grazie per il tuo feedback.Il tuo feedback è stato inviato. Grazie!