Saltar al contenido principal
Loading...
Skip to article
  • Qualtrics Platform
    Qualtrics Platform
  • Customer Journey Optimizer
    Customer Journey Optimizer
  • XM Discover
    XM Discover
  • Qualtrics Social Connect
    Qualtrics Social Connect

Consejos de diseño de dashboard accesibles (Studio)


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!


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.
Paletas de colores

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.

Consejo Q: Estas opciones son específicas del usuario. Otros usuarios que visualicen el mismo dashboard o libro no verán los rellenos de patrón aplicados ni el tema de color de vista previa.

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

Consejo Q: La opción para editar una descripción no está disponible para los tipos de widget de contenido.

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.

Consejo Q: Para obtener información sobre cómo añadir texto alternativo para describir una imagen y hacer que su dashboard sea más accesible para los usuarios que dependen de un lector de pantalla, consulte la página Widget de imagen.
  1. Haga clic en Editar en la parte superior derecha del panel de instrucciones relevante.
    Haga clic en Editar en la parte superior derecha del panel de instrucciones relevante.
  2. Expanda el menú de acciones en la esquina superior derecha del widget relevante y haga clic en Editar.
    Expanda el menú de acciones en la esquina superior derecha del widget relevante y haga clic en Editar.
  3. En la ventana Editar widget, seleccione la ficha Propiedades.
    En la ventana Editar widget, seleccione la ficha Propiedades. Editar la descripción en el cuadro Descripción
  4. 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.

Muchas de las páginas de este sitio han sido traducidas del inglés original utilizando la traducción automática. Aunque en Qualtrics hemos realizado nuestra diligencia debida para obtener las mejores traducciones automáticas posibles, la traducción automática nunca es perfecta. El texto original en inglés se considera la versión oficial, y cualquier discrepancia entre el inglés original y las traducciones automáticas no son legalmente vinculantes.