Compartir a través de

Desarrollo de aplicaciones inclusivas de Windows

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 acceso programático.
  2. Asegúrese de que su aplicación sea compatible con la navegación con teclado para personas que no pueden usar un ratón o una pantalla táctil.
  3. Asegúrese de que su aplicación admite configuraciones de color y contraste 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 de tecnología asistencial no pueden interpretar la información correctamente, dejando al usuario incapaz de usar los productos con éxito o forzando a la tecnología asistencial a usar interfaces de programación no documentadas o técnicas que nunca estuvieron destinadas a 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 por 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 el uso de la tecla Tabulador, a través de navegación especial con teclas (por ejemplo, teclas de dirección) o ambas formas?

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 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 los colores reduce la fatiga visual 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 alto contraste.

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 de Estadounidenses con Discapacidades, así como otras legislaciones, requiere que la relación de contraste de color predeterminada entre el texto y su fondo debe 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 que maximicen la percepción de la imagen por parte de los usuarios daltónicos.

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. Compruebe visualmente la interfaz de usuario para asegurarse de que el contraste de texto es adecuado, los elementos se representan correctamente en los temas de contraste alto y los colores se usan correctamente.
  4. Ejecute herramientas de accesibilidad, solucione los problemas notificados y compruebe la experiencia de lectura en 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 tema Accesibilidad en la tienda).

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