Diseño para la accesibilidad

Diseño orientado al usuario en Power BI

Maarten Van den Broeck

Content Developer at DataCamp

Deficiencia de visión del color (DCV)

  • Afecta a ~8% de hombres y 0,5% de mujeres
  • Dos causas clave: deficiencia de ciertos conos ("anomalía") o ausencia de esos conos ("anopía")
1 https://en.wikipedia.org/wiki/Color_blindness
Diseño orientado al usuario en Power BI

Deficiencia de visión del color (DCV)

  • Afecta a ~8% de hombres y 0,5% de mujeres
  • Dos causas clave: deficiencia de ciertos conos ("anomalía") o ausencia de esos conos ("anopía")
Nombre Conos Probabilidad
Protanomalía Rojo 1% Hombres
Protanopía Rojo 1% Hombres
Deuteranomalía Verde 5% Hombres
Deuteranopía Verde 1% Hombres
Tritanomalía Azul Raro H/M
Tritanopía Azul Raro H/M
1 https://en.wikipedia.org/wiki/Color_blindness
Diseño orientado al usuario en Power BI

La DCV en acción

Visión típica

Una imagen de ejemplo de SQL Server Integration Services en 2008.

Tritanopía

La misma imagen, vista por personas con tritanopía.

Protanopía

La misma imagen, vista por personas con protanopía.

Deuteranopía

La misma imagen, vista por personas con deuteranopía.

Diseño orientado al usuario en Power BI

Consejos para usar el color mejor

  • Menos es más
  • Prefiere visuales que no usen el color como señal
  • Usa paletas aptas para DCV
  • Añade indicadores además del color
  • Usa herramientas como Coblis

El treemap visto por personas con protanopía.

Diseño orientado al usuario en Power BI

Tamaños de fuente

Personaliza tu tema actual.

Define un tamaño de fuente predeterminado suficiente.

Diseño orientado al usuario en Power BI

Modo de alto contraste

Activar el modo de alto contraste en Windows.

Ejemplo de un panel de Power BI en modo de alto contraste.

Diseño orientado al usuario en Power BI

Aumentar el contraste

  • Relación de contraste: diferencia de brillo percibido entre dos colores
  • Recomendado mínimo 4,5:1 para texto normal y 3:1 para texto grande (18 pt o más)
  • Las imágenes de fondo suelen bajar el contraste
  • Usa herramientas de prueba de contraste
Diseño orientado al usuario en Power BI

Lectores de pantalla

  • Power BI admite lectores de pantalla: herramientas que leen el texto de una página o el "texto alternativo" de una imagen para personas con baja visión
  • Power BI permite mostrar un visual como tabla, facilitando listar valores
  • El texto alternativo describe el visual y puede basarse en texto fijo o en el valor de un campo
  • Los atajos de teclado son limitados y los lectores no leen todo

Configurar el texto alternativo para un lector de pantalla.

Diseño orientado al usuario en Power BI

Narrativas inteligentes

Ejemplo de narrativa inteligente.

Diseño orientado al usuario en Power BI

Nuestra audiencia

  • Organización de investigación que quiere entender tendencias de inflación
  • Usuarios del informe pueden tener necesidades de accesibilidad visual
Diseño orientado al usuario en Power BI

¡Vamos a practicar!

Diseño orientado al usuario en Power BI

Preparing Video For Download...