Mejores prácticas para diseñar unas apps accesibles

Las apps de análisis admiten varias funciones de accesibilidad. Los creadores de apps también pueden tomar medidas adicionales para mejorar la accesibilidad y asegurarse de que todos los usuarios puedan acceder a la información de sus apps de análisis.

Las apps de análisis admiten las siguientes funciones de accesibilidad:

• Esquemas de color predeterminados de alto contraste

• Navegación y atajos de teclado

  Navegación por teclado y accesos directos

• Soporte de lector de pantalla

  Usar Qlik Sense con un lector de pantalla

A la hora de diseñar apps para la accesibilidad, hay prácticas recomendadas de diseño que debe seguir. Además, hay ajustes específicos de las apps que puede utilizar para ayudar a que sus apps sean más accesibles.

Mejores prácticas de diseño

Cuando diseñe para la accesibilidad, siga estas prácticas recomendadas:

• Mantenga una estructura de hoja sencilla

• Ofrezca primero una Descripción

• Utilice colores accesibles

• Seleccione las visualizaciones para una buena accesibilidad

• Evite contar historias

Mantenga una estructura de hoja sencilla

Cuando añada visualizaciones a sus hojas, utilice una estructura sencilla, con pocas columnas y filas. Una estructura sencilla mejora la legibilidad para sus usuarios. Además, también facilita la navegación mediante teclado, ya que esta se desplaza de la parte superior izquierda a la inferior derecha.

Los diseños de hoja complejos con muchas columnas y filas son a la vez más difíciles de entender y más difíciles de navegar con un teclado. Cuando diseñe una hoja, intente navegar por ella con el teclado para ver cómo pueden percibir los usuarios su app.

Ofrezca primero una Descripción

Cuando cree hojas, proporcione primero una Descripción y después los detalles. Esto facilita a los usuarios el consumo de información en sus hojas. Por ejemplo, empiece proporcionando resúmenes y KPI en sus hojas, y después proporcione tablas con más detalles u otras visualizaciones. También puede colocar los detalles en otra hoja. Como alternativa, puede cambiar el tamaño de la hoja para que sea desplazable y colocar los detalles adicionales más abajo en la hoja.

Para más información sobre cómo cambiar el tamaño de la hoja, consulte Cambiar los diseños de hoja.

Seleccione las visualizaciones adecuadas

Las apps analíticas proporcionan una serie de visualizaciones para su uso en análisis. Algunas visualizaciones son mejores opciones que otras a la hora de diseñar apps accesibles. Tenga en cuenta lo siguiente al seleccionar las visualizaciones:

• Utilizar gráficos con vistas de datos

• Utilice la tabla simple del paquete de visualizaciones Visualization bundle

• Evite utilizar gráficos de mapas

• Evite utilizar objetos personalizados

Utilice gráficos con vista de datos

Cuando diseñe su app, utilice gráficos con vista de datos. La vista de datos permite a los usuarios cambiar el gráfico por una tabla, lo que les ayuda a explorar y seleccionar valores.

La vista de datos está disponible en los siguientes gráficos:

• Gráfico de barras
• Diagrama de caja (con una o más dimensiones)
• Gráfico combinado
• Diagrama de distribución
• Histograma
• Gráfico de líneas
• Gráfico de tarta
• Tabla pivotante
• Gráfico de dispersión
• Gráfico de bloques

Para más información, Ver datos de las visualizaciones.

Utilice la tabla simple del paquete de visualizaciones: Visualization bundle

La tabla simple del paquete de visualizaciones tiene una experiencia de navegación mejorada en comparación con la visualización de tablas actual. Cuando añada tablas a una app accesible, utilícela en lugar de la visualización de tablas estándar.

Para más información, vea Tabla simple.

Evite utilizar gráficos de mapas

El gráfico de mapas no permite la navegación mediante el teclado. Cuando cree apps accesibles, considere la posibilidad de utilizar formas alternativas de presentar sus datos geográficos.

Evite utilizar objetos personalizados

Los gráficos de los paquetes de visualizaciones Dashboard o Visualization bundle, aparte de la tabla simple, pueden no ser tan accesibles como otros gráficos. No se recomienda su uso en apps que busquen garantizar la buena accesibilidad. Además, si utiliza extensiones, pruébelas para confirmar que son accesibles para sus usuarios.

Utilice colores accesibles

El espectro de colores es más reducido para las personas con discapacidad visual basada en el color. Pueden interpretar sus visualizaciones de forma diferente a la que usted pretendía. Por ejemplo, algunos usuarios pueden tener dificultades con los rojos y los verdes en sus visualizaciones. Las líneas, las barras y los sectores de tarta en un gráfico circular de tarta también pueden ser difíciles de distinguir cuando los colores no tienen suficiente contraste.

Lo mejor es utilizar un esquema de colores sencillo en su app. Los esquemas de color predeterminados en las apps tienen cada uno 12 colores que contrastan entre sí. Es mejor utilizar de tres a cinco colores si es posible, o incluso un esquema cromático basado en un solo color. Puede crear sus propios esquemas de color personalizados y utilizarlos en todas sus apps accesibles. Para más información, consulte Crear plantillas de estilo personalizadas.

También puede definir algunos colores manualmente, independientemente de la plantilla de estilo utilizada. Para las dimensiones, puede determinar asignar colores a los valores de las dimensiones maestras. Para más información, vea Asignar colores a los valores de los elementos maestros. También puede dar color por expresiones para establecer los colores. Para más información, vea Colorear por expresión. Para saber más sobre las opciones de coloreado de las visualizaciones, consulte Colorear una visualización.

Añadir formas como indicadores de rendimiento en los KPI

Considere la posibilidad de añadir formas como indicadores de rendimiento de sus KPI. Estos añaden contexto y hacen que sus KPI sean más accesibles. Por ejemplo, podría utilizar un círculo rojo vacío para denotar los malos resultados, un círculo verde relleno para los buenos resultados y un triángulo como símbolo de advertencia que solo aparece cuando el estado de un KPI se encuentra en un nivel inaceptable. Para más información, vea Añadir formas a los KPI.

Evite contar historias

Mientras que las historias son útiles para presentar descubrimientos, las hojas son más accesibles para la navegación mediante teclado y los lectores de pantalla. En las apps diseñadas para una buena accesibilidad, es mejor utilizar hojas para presentar sus descubrimientos.

Opciones para una buena accesibilidad de la app

Las apps de análisis disponen de una serie de ajustes que pueden ayudarle a mejorar la accesibilidad de sus apps.

Ajustes de la hoja

Hay varios ajustes que puede cambiar en sus hojas para mejorar la accesibilidad:

• Aumentar el contraste del título de la hoja

• Desactivar el menú flotante

Aumentar el contraste del título de la hoja

Puede mejorar la visibilidad de los títulos de las hojas dándoles un estilo que contraste con sus hojas.

Haga lo siguiente:

1. En la barra de navegación de la app, pulse en el título de su app.

2. Pulse para abrir la configuración.

3. En Asignar estilo de hoja, ajuste la configuración del color para mejorar el contraste.

Desactivar el menú flotante

Desactivar el menú flotante permite una experiencia de navegación más fluida. No hay pérdida de funcionalidad, ya que las opciones también están disponibles a través del menú contextual y los atajos de teclado.

Haga lo siguiente:

1. En la barra de navegación de la app, pulse en el título de su app.

2. Pulse para abrir la configuración.

3. En Aspecto, desactive Mostrar menú flotante para las visualizaciones.

Ajustes del gráfico

Algunos gráficos tienen opciones que pueden ayudar a hacerlos más accesibles para los usuarios. Puede hacer lo siguiente:

• Proporcionar descripciones de texto

• Limitar los valores de las dimensiones en las visualizaciones

• Añadir formas a los KPI

Proporcionar descripciones de texto

Las visualizaciones vienen con campos para títulos, subtítulos y notas a pie de página. Proporcionar descripciones de texto precisas puede ayudar a sus usuarios a navegar por sus visualizaciones y proporcionar contexto a sus hojas. Sin contexto, los usuarios pueden tardar más en encontrar la información que les interesa en sus hojas. Los títulos, subtítulos y notas a pie de página también los leen sin inconveniente los lectores de pantalla.

Limitar los valores de las dimensiones en las visualizaciones

Cuando trabaje con datos nominales en dimensiones, intente encontrar jerarquías o realizar agregaciones si el número de categorías es superior a 10. Por ejemplo, mostrar los 10 valores principales, con el resto agrupados en un sector conjunto denominado Otros, hace que sus datos sean más fáciles de captar y leer en voz alta. Si necesita incluir detalles completos, puede incluirlos al final de la hoja o en otras hojas.

Haga lo siguiente:

1. En el modo de edición, haga clic en Opciones avanzadas.

2. Seleccione una visualización.

3. En el panel de propiedades, en Datos, seleccione su dimensión.

4. En Limitación, seleccione una de las siguientes opciones:

   • Número fijo: Selecciónelo para mostrar los valores superiores o inferiores. Establezca el número de valores. También puede utilizar una expresión para establecer el número. Haga clic en para abrir el editor de expresiones.

   • Valor exacto: Utilice los operadores y fije el valor exacto del límite. También puede utilizar una expresión para establecer el número. Haga clic en para abrir el editor de expresiones.

   • Valor relativo: Utilice los operadores y establezca el valor límite relativo en porcentaje. También puede utilizar una expresión para establecer el número. Haga clic en para abrir el editor de expresiones.

Abreviar números

Leer, escuchar y comprender cifras extensas puede ser todo un reto. Siempre que sea posible, abrevie sus cifras para mantener bajo control el número de dígitos y decimales.

Puede utilizar funciones como Ceil y Round para redondear los números. Por ejemplo, si desea redondear valores de medida a millones con un decimal, puede utilizar =Round(Sum(Sales)/1000000, 0.1).

Para más información, vea:

• Ceil - función de script y de gráfico

• Round - función de script y de gráfico

Añadir formas a los KPI

Si utiliza la coloración condicional para sus KPI, puede añadir símbolos además del color. Se pueden utilizar símbolos para proporcionar indicadores de rendimiento adicionales.

Haga lo siguiente:

1. Seleccione una visualización de KPI y cambie al panel de propiedades en el modo de edición avanzado.

2. Seleccione Aspecto y expanda Color.

3. Si es necesario, desactive Colores de la biblioteca y active Colores condicionales.

4. Haga clic en Añadir límite para crear un nuevo límite. Puede agregar varios límites a un gráfico de KPI sencillo.

5. Especifique un valor para el límite, o bien introduzca una expresión con el Editor de expresiones.

6. En la barra de colores Valor, haga clic en el área de rango del KPI que desea modificar.

7. En Colores, seleccione un color preestablecido o utilice un color personalizado.

8. Seleccione Símbolos y elija el símbolo que se mostrará cuando su KPI esté dentro del límite especificado.

Utilizar títulos dinámicos

Cuando elabore visualizaciones, utilice títulos dinámicos para captar la esencia del gráfico. En lugar de limitarse a ofrecer un título genérico, considere la posibilidad de crear una expresión para el título que proporcione información de forma dinámica en función de las selecciones del usuario.

Si utiliza el análisis de conjuntos combinado con max(), min(), rank() y correl() para crear los títulos, podrá presentar gráficos más descriptivos de forma dinámica.

Por ejemplo, esta visualización tiene un título estático.

Si se añadieran expresiones dinámicas al título y al subtítulo, el gráfico expresaría la información de forma más dinámica y proporcionaría más información a los usuarios.

La ventaja de los títulos dinámicos es que cambian en función de las selecciones que realiza el usuario. En la visualización siguiente se han seleccionado los tres países con mayor número de ventas, lo que ha cambiado el título y el subtítulo de la visualización.