Consejos de diseño de dashboard accesibles (Studio)
Acerca de los consejos para el diseño de cuadros de mandos accesible en Studio
Qualtrics se compromete a ayudarle a crear y mantener contenido accesible para los visualizadores de su dashboard. Estos son algunos consejos rápidos para crear dashboards más accesibles en Studio.
Diseño para pantallas más pequeñas
Los dashboards de Studio se escalan de forma responsiva para una variedad de tamaños de pantalla, pero algunos diseños se adaptan a vistas más pequeñas más fácilmente que otras. Diseñar sus dashboards con una o dos columnas le ayudará a garantizar que el contenido no esté drásticamente ajustado o truncado.
Utilizar alternativas de texto para imágenes y visualizaciones de datos
Las alternativas de texto para imágenes proporcionan a los usuarios con discapacidad visual o sin visión una descripción de cualquier contenido visual en sus tableros de control. Al editar su dashboard, puede añadir texto de imagen alternativo y descripciones tanto a los widgets de imagen como a las visualizaciones de datos. Para obtener información sobre la edición de descripciones de widgets, consulte la sección Editar una descripción de widget de visualización a continuación.
Los títulos de buena imagen alt son específicos y concisos. Describa la imagen, el logotipo o los símbolos de la forma más sucinta posible al tiempo que proporciona una explicación sólida de la imagen para los usuarios que no pueden verlos. Un buen título de imagen alt suele tener menos de 125 caracteres. Para obtener información sobre cómo añadir texto alternativo para describir una imagen para que su dashboard sea más accesible para los usuarios que dependen de un lector de pantalla, utilice la página Widget de imagen.
Incluir descripciones largas para imágenes complejas o visualizaciones de datos
Los gráficos, gráficos y diagramas contienen información sustancial que no se puede transmitir en un título de imagen alt corto. Además de un título descriptivo, XM Discover genera automáticamente descripciones largas dinámicas para todos los widgets, excepto los tipos de widget de contenido. Estas descripciones resumen los puntos de datos esenciales y señalan la información relevante que la visualización pretende comunicar. Para obtener información sobre cómo editar estas descripciones, consulte la sección Edición de una descripción para un widget de visualización a continuación.
No utilizar imágenes como texto
Cuando el texto se aplana en una imagen, no puede ser “arrastrado” o leído por lectores de pantalla y otras tecnologías de asistencia. En lugar de imágenes, utilice nuestro widget de bloque de texto y estilos de cabecera (H1, H2, H3, etc.) para incrustar una estructura semántica en el contenido de sus dashboards. Si desea visualizar la organización de un modelo de categoría o una rúbrica en su dashboard, utilice el widget del visor de objetos en lugar de insertar capturas de pantalla.
Usar color, tamaño y posición para transmitir información
Sea reflexivo en el uso del color, el tamaño y la posición de los elementos para transmitir información. Los espectadores del tablero deben ser capaces de entender el contenido sin depender únicamente de las características sensoriales.
Ejemplo:
- Hacer referencia a los widgets por nombre en lugar de su posición en el dashboard (por ejemplo, “el widget de la derecha” no es significativo para un usuario con una discapacidad visual).
- Diferencie los puntos de datos con etiquetas en lugar de solo con color.
Paletas de colores personalizadas
Puede crear y gestionar las paletas de colores utilizadas en todos los dashboards de Studio.
Modo oscuro y relleno de patrón
Los usuarios con varios niveles de capacidad visual pueden aplicar rellenos de patrón o elegir un tema de color de vista previa para dashboards y libros.
Colores de métrica condicional
Puede actualizar los colores de métrica fácilmente desde la página Métricas de Studio. Al realizar cambios, recuerde que esto afectará a la vista para todos los usuarios de su organización. Para las métricas de XM Discover, como el sentimiento y el esfuerzo, se incorporan iconos para complementar los colores representativos, lo que reduce la dependencia del color como única fuente de información.
No sobrecargar los dashboards
Mantenga sus tableros de control lo más simples posible para garantizar que el contenido y la interactividad sean comprensibles y navegables para todos los usuarios.
Editar una descripción de widget de visualización
XM Discover genera automáticamente descripciones largas dinámicas para los widgets de visualización. Estas descripciones editables resumen los puntos de datos esenciales y señalan la información relevante que la visualización pretende comunicar.
- Haga clic en Editar en la parte superior derecha del panel de instrucciones relevante.
- Expanda el menú de acciones en la esquina superior derecha del widget relevante y haga clic en Editar.
- En la ventana Editar widget, seleccione la ficha Propiedades.
- Edite la descripción en el cuadro Descripción (hasta 1.000 caracteres).
Consejo Q: Para obtener información sobre las descripciones, consulte la sección anterior Incluir descripciones largas para imágenes complejas o visualizaciones de datos.Consejo Q: Para obtener consejos sobre cómo escribir descripciones accesibles para gráficos interactivos, consulte la guía de Highchart sobre Cómo escribir descripciones accesibles para gráficos interactivos.