Pruebas de accesibilidad

  • Artículo

En este tema se describen diversas herramientas y procedimientos para ayudarle a comprobar la implementación de accesibilidad de las aplicaciones web y Windows.

Experiencias de usuario correctas

El acceso mediante programación y el acceso al teclado son requisitos críticos para admitir la accesibilidad en la aplicación. Probar la accesibilidad de las aplicaciones de Windows, las herramientas de tecnología de asistencia (AT) y los marcos de interfaz de usuario es fundamental para garantizar una experiencia de usuario correcta para las personas con diversas discapacidades y limitaciones (incluida la visión, el aprendizaje, la dexteridad/movilidad y las discapacidades de lenguaje y comunicación), o aquellos que simplemente prefieren usar un teclado.

Sin la compatibilidad adecuada con la tecnología accesible (AT), como lectores de pantalla y teclados en pantalla, usuarios con visión, aprendizaje, dexteridad/movilidad y discapacidades o limitaciones de idioma/comunicación (y los usuarios que prefieren usar el teclado) podrían resultar difíciles, si no imposibles, usar la aplicación.

Herramientas de pruebas de accesibilidad

Información de accesibilidad

Accessibility Insights ayuda a los desarrolladores a encontrar y corregir problemas de accesibilidad en sitios web y aplicaciones de Windows.

  • Accessibility Insights para Windows ayuda a los desarrolladores a encontrar y corregir problemas de accesibilidad en las aplicaciones de Windows. La herramienta admite tres escenarios principales:
    • Live Inspect permite a los desarrolladores comprobar que un elemento de una aplicación tiene las propiedades adecuadas de automatización de la interfaz de usuario simplemente al mantener el puntero sobre el elemento o establecer el foco del teclado en él.
    • FastPass : un proceso ligero de dos pasos que ayuda a los desarrolladores a identificar problemas comunes de accesibilidad de alto impacto en menos de cinco minutos.
    • La solución de problemas le permite diagnosticar y corregir problemas de accesibilidad específicos.
  • Accessibility Insights for Web es una extensión para Chrome y Microsoft Edge Insider que ayuda a los desarrolladores a encontrar y corregir problemas de accesibilidad en sitios y aplicaciones web. Admite dos escenarios principales:
    • FastPass : un proceso ligero de dos pasos que ayuda a los desarrolladores a identificar problemas comunes de accesibilidad de alto impacto en menos de cinco minutos.
    • Evaluación : permite a cualquier persona comprobar que un sitio web es 100 % compatible con los estándares y directrices de accesibilidad. Accessibility Insights también le permite revisar elementos, propiedades, patrones de control y eventos de automatización de la interfaz de usuario (de forma similar a las herramientas heredadas Inspect y AccEvent descritas en la sección siguiente).

Herramientas de pruebas heredadas

Nota

Las herramientas que se describen aquí siguen estando disponibles en Windows SDK, pero se recomienda encarecidamente realizar la transición a Accessibility Insights.

El Kit de desarrollo de software (SDK) de Windows incluye varias herramientas de prueba de accesibilidad, como AccScope, Inspect y UI Accessibility Checker, entre otros.

Puede iniciar las siguientes herramientas de prueba de accesibilidad desde un símbolo del sistema de Microsoft Visual Studio o navegando a la carpeta bin de donde esté instalado Windows SDK en el equipo de desarrollo.

AccScope

AccScope Habilita la evaluación visual de la accesibilidad de una aplicación durante las primeras fases de diseño y desarrollo. AccScope está diseñado específicamente para probar escenarios de accesibilidad del Narrador y usa la información de automatización de la interfaz de usuario proporcionada por una aplicación para mostrar dónde se puede mejorar la accesibilidad.

Inspeccionar

Inspect le permite seleccionar cualquier elemento de la interfaz de usuario y ver sus datos de accesibilidad. Puedes ver los modelos de control y las propiedades de Automatización de la interfaz de usuario de Microsoft y probar la estructura de navegación de los elementos de automatización en el árbol de automatización de la interfaz de usuario. Resulta especialmente útil para garantizar que las propiedades y los patrones de control se establecen correctamente al extender un control común o crear un control personalizado.

Use Inspect mientras desarrolla la interfaz de usuario para comprobar cómo se exponen los atributos de accesibilidad en la automatización de la interfaz de usuario. En algunos casos, los atributos provienen de la compatibilidad para la automatización de la interfaz de usuario que ya viene implementada en los controles XAML predeterminados. En otros casos, los atributos proceden de valores específicos que se han establecido en el marcado XAML, como propiedades adjuntas AutomationProperties .

En la siguiente imagen se muestra la herramienta Inspect consultando las propiedades de Automatización de la interfaz de usuario del elemento de menú Editar del Bloc de notas.

Captura de pantalla de la herramienta Inspeccionar.

UI Accessibility Checker

El Comprobador de accesibilidad de la interfaz de usuario (AccChecker) le ayuda a detectar posibles problemas de accesibilidad en tiempo de ejecución. AccChecker incluye comprobaciones de comprobación para la automatización de la interfaz de usuario, la accesibilidad activa de Microsoft y las aplicaciones de Internet enriquecidas accesibles (ARIA). Puede proporcionar una comprobación estática de errores, como nombres que faltan, problemas de árbol y mucho más. Ayuda a comprobar el acceso mediante programación e incluye características avanzadas para automatizar las pruebas de accesibilidad. Puedes ejecutar AccChecker en el modo de línea de comandos o de interfaz de usuario. Para ejecutar la herramienta modo de interfaz de usuario, abra la carpeta AccChecker en la carpeta bin de Windows SDK, ejecute acccheckui.exe y haga clic en el menú Ayuda .

UI Automation Verify

Ui Automation Verify (UIA Verify) es un marco para pruebas manuales y automatizadas de la implementación de automatización de la interfaz de usuario en un control o aplicación (se pueden registrar los resultados). UIA Verify se puede integrar en el código de prueba y realizar pruebas periódicas, automatizadas o comprobaciones puntuales de escenarios de automatización de la interfaz de usuario y es útil para comprobar que los cambios en las aplicaciones con características establecidas no tienen nuevos problemas ni regresiones. UIA Verify se puede encontrar en la subcarpeta UIAVerify de la carpeta bin de Windows SDK.

Accessible Event Watcher

Accessible Event Watcher (AccEvent) prueba si los elementos de la interfaz de usuario de una aplicación generan eventos adecuados de Automatización de la interfaz de usuario y Microsoft Active Accessibility cuando se hacen cambios en la interfaz de usuario. Se pueden producir cambios en la interfaz de usuario cuando cambia el foco, cuando se invoca o se selecciona un elemento de la interfaz de usuario o cambia uno de sus estados o propiedades. AccEvent se usa normalmente para depurar problemas y para validar que los controles personalizados y extendidos funcionan correctamente.

Procedimientos de prueba de accesibilidad

Probar la accesibilidad de teclado

La mejor manera de probar tu accesibilidad de teclado es desconectar el mouse o usar el teclado en pantalla si estás usando un dispositivo de tableta. Prueba la navegación de accesibilidad de teclado usando la tecla de tabulador. Deberías poder recorrer todos los elementos interactivos de la interfaz de usuario usando la tecla de tabulador. Para los elementos compuestos de la interfaz de usuario, comprueba si puedes navegar por las diferentes partes de los elementos usando las teclas de dirección. Por ejemplo, deberías poder navegar por listas de elementos con las teclas de dirección. Finalmente, asegúrate de que puedas invocar a todos los elementos interactivos de la interfaz de usuario con el teclado una vez que esos elementos tengan el foco, normalmente usando la tecla Entrar o Barra espaciadora.

Comprobar la relación de contraste del texto visible

Usa herramientas de contraste de color para comprobar que la relación de contraste del texto visible sea aceptable. Algunas excepciones son los elementos de interfaz de usuario inactivos y los logotipos o el texto decorativo que no transmiten ninguna información y pueden reordenarse sin cambiar el significado. Consulta el tema sobre requisitos de texto accesible para obtener más información sobre excepciones y relación de contraste. Consulta Técnicas de WCAG 2.0 G18 (Sección recursos) para ver las herramientas que pueden probar las relaciones de contraste.

Nota

Algunas de las herramientas indicadas en el tema sobre las técnicas de WCAG 2.0 G18 no se pueden usar de manera interactiva con una aplicación para UWP. Es posible que debas escribir manualmente en la herramienta los valores de color de primer plano y fondo, realizar capturas de pantalla de la interfaz de usuario de la aplicación y luego ejecutar la herramienta de relación de contraste sobre la imagen de la captura de pantalla, o ejecutar la herramienta a la vez que abres los archivos de mapa de bits en un programa de edición de imágenes en lugar de hacerlo al cargar la imagen en la aplicación.

Comprobar tu aplicación en contraste alto

Usa tu aplicación mientras esté activo un tema de contraste alto para comprobar que todos los elementos de la interfaz de usuario se muestren correctamente. Todo el texto debe poder leerse y todas las imágenes deben verse con claridad. Ajusta las plantillas de control o los recursos XAML del diccionario de temas para corregir cualquier problema en los temas que provenga de los controles. En los casos en que los problemas de contraste alto destacados no provengan de temas o controles (por ejemplo, archivos de imagen), proporciona versiones diferentes para usar cuando esté activo un tema de contraste alto.

Comprobar la aplicación con configuración de pantalla

Usa las opciones de pantalla del sistema para ajustar el valor de puntos por pulgada (ppp) de la pantalla y asegúrate de que la interfaz de usuario de la aplicación se escala correctamente cuando cambie el valor de ppp. (Algunos usuarios cambian los valores de ppp como una opción de accesibilidad. Esta opción está disponible en Accesibilidad y en las propiedades de pantalla). Si encuentras algún problema, sigue las Directrices sobre la experiencia del usuario para diseño y escalado y proporciona recursos adicionales para diferentes factores de escala.

Comprobar los escenarios de aplicaciones principales mediante el uso del Narrador

Usa Narrador para probar la experiencia de lectura de pantalla de la aplicación.

Utiliza estos pasos para probar cómo funciona la aplicación utilizando el Narrador con un mouse y un teclado:

  1. Para iniciar Narrador, presione la tecla del logotipo de Windows + Ctrl + Entrar. En versiones anteriores a Windows 10 versión 1607, usa la tecla del logotipo de Windows + Entrar para iniciar Narrador.
  2. Navegue por la aplicación con el teclado mediante la tecla Tab , las teclas de dirección y las teclas De bloqueo + flechas.
  3. Conforme estás navegando por la aplicación, escucha cómo lee Narrador los elementos de la interfaz de usuario y comprueba lo siguiente:
    • En cada control, asegúrate de que el Narrador lee todo el contenido visible. Comprueba también que el Narrador lee el nombre de cada control, los estados aplicables (comprobado, seleccionado, etc.) y los tipos de control (botón, casilla, elemento de lista, etc.).
    • Si el elemento es interactivo, comprueba que puedes usar el Narrador para invocar su acción presionando las teclas Bloq Mayús + Entrar.
    • En cada tabla, asegúrate de que Narrador lea correctamente el nombre de la tabla, su descripción (si está disponible) y los encabezados de fila y columna.
  4. Presiona Bloq Mayús + Mayús+ Entrar para buscar la aplicación y comprobar que todos los controles aparecen en la lista de búsqueda y que los nombres de los controles están localizados y se pueden leer.
  5. Apaga el monitor e intenta lograr los escenarios utilizando solamente el teclado y el Narrador. Para obtener la lista completa de los comandos y accesos directos del Narrador, presiona Bloq Mayús + F1.

A partir de Windows 10, versión 1607, presentamos un nuevo modo de desarrollador en Narrador. Activa el modo de desarrollador cuando Narrador ya se está ejecutando presionando Control + Caps Lock + F12. Cuando el modo de desarrollador esté habilitado, la pantalla estará enmascarada y destacará solamente los objetos accesibles y el texto asociado que se expone mediante programación a Narrador. Esto te ofrece un una buena representación visual de la información que se expone a Narrador.

Utiliza estos pasos para probar la aplicación utilizando el modo táctil de Narrador:

Nota

El Narrador introduce automáticamente el modo táctil en los dispositivos que admiten contactos 4+. Narrador no admite escenarios de varios monitores o digitalizadores multitáctiles en la pantalla principal.

  1. Familiarízate con la interfaz de usuario y analiza el diseño.

    • Navega por la interfaz de usuario mediante gestos de deslizar rápidamente con un solo dedo. Usa los deslizamientos rápidos hacia la derecha o hacia la izquierda para moverte entre los elementos y hacia arriba o hacia abajo para cambiar la categoría de los elementos por los que navegas. Las categorías incluyen todos los elementos, los vínculos, las tablas, los encabezados, etc. Navegar con gestos de deslizar un solo dedo es similar a navegar con mayúsculas Bloqueo + Flecha.
    • Usa gestos de tabulación para desplazarte por los elementos activables. Un deslizamiento de tres dedos a la derecha o a la izquierda es el mismo que navegar con Tab y Mayús + Tab en un teclado.
    • Investiga espacialmente la interfaz de usuario con un solo dedo. Arrastra un dedo hacia arriba y abajo o hacia la derecha y la izquierda, para que Narrador lea los elementos bajo el dedo. Puedes usar el mouse como alternativa puesto que usa la misma lógica de posicionamiento que se utiliza al arrastrar un dedo.
    • Lee toda la ventana y todo su contenido deslizando tres dedos hacia arriba. Esto equivale a usar Bloq Mayús + W.

    Si hay partes importantes de la interfaz de usuario a las que no puedes acceder, es posible que tengas un problema de accesibilidad.

  2. Interactúa con un control para probar sus acciones principales y secundarias, así como su comportamiento de desplazamiento.

    Entre las acciones principales se incluyen cosas como activar un botón, colocar un símbolo de intercalación de texto y establecer el foco al control. Entre las acciones secundarias se incluyen algunas como seleccionar un elemento de la lista o expandir un botón que ofrece varias opciones.

    • Para probar una acción principal: pulsa dos veces o presiona con un dedo y pulsa con el otro.
    • Para probar una acción secundaria: pulsa tres veces o presiona con un dedo y pulsa dos veces con el otro.
    • Para probar el comportamiento de desplazamiento: pasa dos dedos para realizar desplazamientos en la dirección que desees.

    Algunos controles proporcionan acciones adicionales. Para mostrar la lista completa, realiza una pulsación con cuatro dedos.

    Si un control responde al mouse o al teclado, pero no responde a una interacción táctil principal o secundaria, es posible que el control necesite implementar patrones de control de Automatización de la interfaz de usuario.

También debes considerar la posibilidad de usar la herramienta AccScope para probar los escenarios de accesibilidad de Narrador con tu aplicación. El tema sobre la herramienta AccScope describe cómo configurar AccScope para probar los escenarios de Narrador.

Examina la representación de la Automatización de la interfaz de usuario para la aplicación

Algunas de las herramientas de prueba de Automatización de la interfaz de usuario antes mencionadas permiten ver la aplicación sin tener en cuenta deliberadamente su aspecto, sino que la representa como una estructura de elementos de Automatización de la interfaz de usuario. Así es como los clientes de Automatización de la interfaz de usuario, en especial las tecnologías de asistencia, interactuarán con tu aplicación en escenarios de accesibilidad.

La herramienta AccScope proporciona un punto de vista interesante sobre la aplicación porque permite ver los elementos de Automatización de la interfaz de usuario como una representación visual o como una lista. Si usas la visualización, puedes examinar con detalle las partes de forma que puedas relacionarlas con el aspecto visual de la interfaz de usuario de la aplicación. Incluso puedes probar la accesibilidad de los primeros prototipos de la interfaz de usuario antes de asignar toda la lógica a la interfaz de usuario, para asegurarte de que tanto la interacción visual como la navegación en escenarios de accesibilidad para la aplicación estén equilibradas.

Un aspecto que puedes probar es si en la vista de elementos de Automatización de la interfaz de usuario aparecen elementos que no quieres que aparezcan allí. Si encuentras elementos que quieres omitir de la vista o, por el contrario, si faltan elementos, puedes usar la propiedad adjunta XAML AutomationProperties.AccessibilityView para ajustar cómo aparecerán los controles XAML en las vistas de accesibilidad. Después de revisar las vistas de accesibilidad básicas, es un buen momento para volver a comprobar las secuencias de tabulación o la navegación espacial habilitadas por las teclas de dirección para asegurarte de que los usuarios llegan a todos los elementos interactivos y que se exponen en la vista control.