Progettare per l’accessibilità

Progettazione orientata all’utente in Power BI

Maarten Van den Broeck

Content Developer at DataCamp

Deficit della visione dei colori (CVD)

  • Colpisce circa l’8% degli uomini e lo 0,5% delle donne
  • Due cause principali: carenza di specifici coni nell’occhio ("anomalìa") o assenza di specifici coni ("anopia")
1 https://en.wikipedia.org/wiki/Color_blindness
Progettazione orientata all’utente in Power BI

Deficit della visione dei colori (CVD)

  • Colpisce circa l’8% degli uomini e lo 0,5% delle donne
  • Due cause principali: carenza di specifici coni nell’occhio ("anomalìa") o assenza di specifici coni ("anopia")
Nome Coni Probabilità
Protanomalia Rosso 1% uomini
Protanopia Rosso 1% uomini
Deuteranomalia Verde 5% uomini
Deuteranopia Verde 1% uomini
Tritanomalia Blu Rara M/F
Tritanopia Blu Rara M/F
1 https://en.wikipedia.org/wiki/Color_blindness
Progettazione orientata all’utente in Power BI

CVD in pratica

Visione tipica

Un’immagine di esempio da SQL Server Integration Services del 2008.

Tritanopia

La stessa immagine di esempio, ma vista da persone con tritanopia.

Protanopia

La stessa immagine di esempio, ma vista da persone con protanopia.

Deuteranopia

La stessa immagine di esempio, ma vista da persone con deuteranopia.

Progettazione orientata all’utente in Power BI

Suggerimenti per usare meglio i colori

  • Meno è meglio!
  • Preferisci visual che non usano il colore come segnale
  • Usa palette adatte al CVD
  • Aggiungi indicatori oltre al colore
  • Usa strumenti come Coblis

Il treemap visto da persone con protanopia.

Progettazione orientata all’utente in Power BI

Dimensioni dei caratteri

Personalizza il tema esistente.

Imposta una dimensione del carattere predefinita abbastanza grande.

Progettazione orientata all’utente in Power BI

Modalità alto contrasto

Abilitare la modalità alto contrasto in Windows.

Esempio di dashboard Power BI in modalità alto contrasto.

Progettazione orientata all’utente in Power BI

Aumentare il contrasto

  • Rapporto di contrasto: differenza di luminosità percepita tra due colori
  • Consigliato almeno 4,5:1 per testo normale e 3:1 per testo grande (18 pt o più)
  • Immagini di sfondo riducono spesso il contrasto
  • Usa strumenti di test del contrasto per verificarlo
Progettazione orientata all’utente in Power BI

Lettori di schermo

  • Power BI supporta i lettori di schermo: strumenti che leggono ad alta voce il testo in pagina o l’"alt text" di un’immagine per utenti con vista ridotta
  • Power BI può mostrare un visual come tabella, così è più facile elencare i valori
  • L’Alt Text descrive il visual e può basarsi su testo statico o su un campo
  • Le scorciatoie da tastiera sono limitate e i lettori di schermo non leggono tutto.

Impostare l’alt text per un lettore di schermo.

Progettazione orientata all’utente in Power BI

Smart narrative

Esempio di Smart narrative.

Progettazione orientata all’utente in Power BI

Il nostro pubblico

  • Organizzazione di ricerca che vuole capire i trend dell’inflazione
  • Chi usa il report può avere esigenze di accessibilità visiva
Progettazione orientata all’utente in Power BI

¡Vamos a practicar!

Progettazione orientata all’utente in Power BI

Preparing Video For Download...