Compartir a través de

Desarrollo de aplicaciones inclusivas de Windows

  • Artículo

En este artículo se describe cómo desarrollar aplicaciones de Windows accesibles. En concreto, se supone que comprende cómo diseñar la jerarquía lógica de la aplicación. Aprenda a desarrollar aplicaciones de Windows accesibles que incluyan la navegación por teclado, la configuración de color y contraste y la compatibilidad con tecnologías de asistencia.

Si aún no lo ha hecho, empiece por leer Diseño de software inclusivo.

Hay tres cosas que debes hacer para asegurarte de que tu aplicación sea accesible:

  1. Exponga los elementos de la interfaz de usuario para acceder mediante programación.
  2. Asegúrate de que tu aplicación admita la navegación por teclado para personas que no puedan usar un mouse o una pantalla táctil.
  3. Asegúrese de que la aplicación admite la configuración de contraste y color accesibles.

Acceso mediante programación

El acceso mediante programación es fundamental para crear accesibilidad en aplicaciones. Esto se logra estableciendo el nombre accesible (obligatorio) y la descripción (opcional) para el contenido y los elementos interactivos de la interfaz de usuario en la aplicación. Esto garantiza que los controles de interfaz de usuario se expongan a la tecnología de asistencia (AT), como lectores de pantalla (por ejemplo, Narrador) o dispositivos de salida alternativos (como pantallas de Braille). Sin acceso mediante programación, las API para la tecnología de asistencia no pueden interpretar la información correctamente, dejando al usuario incapaz de usar los productos lo suficiente o forzar a at a usar interfaces de programación no documentadas o técnicas que nunca se han diseñado para usarse como una interfaz de accesibilidad. Cuando los controles de interfaz de usuario se exponen a la tecnología de asistencia, AT puede determinar qué acciones y opciones están disponibles para el usuario.

Para obtener más información sobre cómo hacer que los elementos de la interfaz de usuario de la aplicación estén disponibles para las tecnologías de asistencia (AT), consulta Exponer información de accesibilidad básica.

Navegación mediante teclado

Para los usuarios ciegos o con problemas de movilidad, es muy importante poder navegar por la interfaz de usuario con un teclado. Sin embargo, solo los controles de interfaz de usuario que requieren interacción del usuario para funcionar deben tener el foco del teclado. Los componentes que no requieren una acción, como imágenes estáticas, no necesitan el foco del teclado.

Es importante recordar que, a diferencia de navegar con un mouse o entrada táctil, la navegación por teclado es lineal. Al considerar la navegación por teclado, piense en cómo interactuará el usuario con el producto y cuál será la navegación lógica. En las culturas occidentales, la gente lee de izquierda a derecha, arriba abajo. Por lo tanto, es habitual seguir este patrón para la navegación por teclado.

Al diseñar la navegación por el teclado, examine la interfaz de usuario y piense en estas preguntas:

  • ¿Cómo están dispuestos o agrupados los controles en la interfaz de usuario?
  • ¿Hay algunos grupos de controles significativos?
    • En caso afirmativo, ¿contienen esos grupos otro nivel de grupos?
  • Entre los controles del mismo nivel, la navegación se debe realizar mediante tabulaciones alrededor o a través de navegación especial (por ejemplo, teclas de dirección) o ambos?

El objetivo es ayudar al usuario a comprender cómo se diseña la interfaz de usuario e identificar los controles que son accionables. Si encuentra que hay que hacer demasiadas tabulaciones antes de que el usuario complete el bucle de navegación, considere la posibilidad de agrupar controles relacionados. Es posible que algunos controles relacionados, como un control híbrido, deban abordarse en esta fase de exploración temprana. Después de empezar a desarrollar el producto, es difícil volver a trabajar la navegación con el teclado, así que planear cuidadosamente y planear temprano!

Para obtener más información sobre la navegación por teclado entre los elementos de la interfaz de usuario, consulte Accesibilidad del teclado.

Además, el libro electrónico Engineering Software for Accessibility tiene un excelente capítulo sobre este tema titulado Diseño de la jerarquía lógica.

Color y contraste

Una de las características de accesibilidad integradas en Windows es el modo contraste alto, que aumenta el contraste de color de texto e imágenes en la pantalla del equipo. Para algunas personas, aumentar el contraste en colores reduce el entrenamiento de los ojos y facilita la lectura. Al comprobar la interfaz de usuario en contraste alto, quiere comprobar que los controles se han codificado de forma coherente y con colores del sistema (no con colores codificados de forma rígida) para asegurarse de que podrán ver todos los controles en la pantalla que vería un usuario que no usa contraste alto.

XAML

<Button Background="{ThemeResource ButtonBackgroundThemeBrush}">OK</Button>

Para obtener más información sobre el uso de colores y recursos del sistema, consulta Recursos de temas XAML.

Siempre que no haya invalidado los colores del sistema, una aplicación para UWP admite temas de contraste alto de forma predeterminada. Si un usuario ha elegido que quiere que el sistema use un tema de contraste alto de la configuración del sistema o herramientas de accesibilidad, el marco usa automáticamente colores y configuraciones de estilo que producen un diseño de contraste alto y una representación para controles y componentes en la interfaz de usuario.

Para obtener más información, vea Temas de contraste alto.

Si ha decidido usar su propio tema de color en lugar de colores del sistema, tenga en cuenta estas directrices:

Relación de contraste de color: la sección 508 actualizada de la Ley estadounidense con discapacidad, así como otra legislación, requiere que los contrastes de color predeterminados entre el texto y su fondo deben ser 5:1. Para texto grande (tamaños de fuente de 18 puntos o 14 puntos y negrita), el contraste predeterminado necesario es 3:1.

Combinaciones de colores: aproximadamente el 7 por ciento de los hombres (y menos del 1 por ciento de las mujeres) tienen alguna forma de deficiencia de color. Los usuarios con daltonismo tienen problemas para distinguir entre determinados colores, por lo que es importante que el color solo nunca se use para transmitir el estado o el significado en una aplicación. En cuanto a las imágenes decorativas (como iconos o fondos), se deben elegir combinaciones de colores de una manera que maximice la percepción de la imagen por parte de los usuarios de colorbligo.

Lista de comprobación de accesibilidad

A continuación se muestra una versión abreviada de la lista de comprobación de accesibilidad:

  1. Establezca el nombre accesible (obligatorio) y la descripción (opcional) para el contenido y los elementos interactivos de la interfaz de usuario en la aplicación.
  2. Implementa la accesibilidad de teclado.
  3. Comprueba visualmente tu interfaz de usuario para asegurarte de que el contraste de texto sea suficiente, que los elementos se representen correctamente en los temas de contraste alto y que los colores se usen correctamente.
  4. Ejecuta herramientas de accesibilidad, soluciona problemas notificados y comprueba la experiencia de lectura de pantalla. (Consulte el tema Pruebas de accesibilidad).
  5. Asegúrese de que la configuración del manifiesto de la aplicación siga las directrices de accesibilidad.
  6. Declare la aplicación como accesible en Microsoft Store. (Consulte el Accesibilidad en el tema de la tienda ).

Para obtener más información, consulte el tema de lista de comprobación de accesibilidad completa.