Compartir a través de

Pruebas de accesibilidad

En este tema se describen varias herramientas y procedimientos para comprobar la accesibilidad de la aplicación de Windows.

Está pensado para los equipos que priorizan la accesibilidad y las pruebas automatizadas a lo largo del ciclo de vida de desarrollo. El enfoque más eficaz combina la automatización que se ejecuta en CI con pruebas de tecnología de asistencia manuales centradas para escenarios de alto riesgo.

Experiencias de usuario exitosas

El acceso mediante programación y teclado es esencial para la accesibilidad. Pruebe la aplicación de Windows, las herramientas de tecnología de asistencia (AT) y los marcos de interfaz de usuario para garantizar una experiencia correcta para las personas con visión, aprendizaje, dexteridad/movilidad o discapacidades de lenguaje/comunicación, así como para personas que prefieren la navegación por teclado.

Sin soporte adecuado para la tecnología de asistencia (AT), como lectores de pantalla y teclados en pantalla, muchos usuarios pueden encontrar la aplicación difícil o imposible de usar.

Herramientas de pruebas de accesibilidad

Use las herramientas de esta sección en todo el desarrollo, no solo antes de la versión. Comience con Accessibility Insights para comprobaciones rápidas y de alto impacto y, a continuación, use herramientas heredadas del SDK para una inspección más profunda de las propiedades, eventos o patrones de control de la automatización de la interfaz de usuario.

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 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 correctas de automatización de la interfaz de usuario simplemente al mantener el puntero sobre el elemento o establecer el foco del teclado en ella.
    • 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 los elementos, propiedades, patrones de control y eventos de automatización de la interfaz de usuario (similares 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 pruebas de accesibilidad, como AccScope, Inspect y UI Accessibility Checker, entre otros.

Puede iniciar las siguientes herramientas de pruebas de accesibilidad, ya sea desde un símbolo del sistema de Microsoft Visual Studio, o navegando a la carpeta bin donde esté instalado el Windows SDK en su máquina 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.

Inspect

Inspeccionar le permite seleccionar cualquier elemento de la interfaz de usuario y ver sus datos de accesibilidad. Puede ver las propiedades y los patrones de control de la 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 automatización de la interfaz de usuario. Es 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 Inspeccionar 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 proceden de la compatibilidad de automatización de la interfaz de usuario que ya está implementada para 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 imagen siguiente se muestra la herramienta Inspeccionar consultando las propiedades de automatización de la interfaz de usuario del elemento de menú Editar en el Bloc de notas.

Captura de pantalla de la herramienta Inspeccionar.

Comprobador de accesibilidad de la interfaz de usuario

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 verificaciones para Automatización de Interfaces de Usuario, Microsoft Active Accessibility y 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. Puede ejecutar AccChecker en modo de interfaz de usuario o de línea de comandos. Para ejecutar la herramienta modo de interfaz de usuario, abra la carpeta AccChecker en la carpeta bin de Windows SDK, ejecute acccheckui.exey haga clic en el menú Ayuda .

Comprobación de automatización de la interfaz de usuario

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 resultados). UIA Verify puede integrarse 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 puede encontrarse en la subcarpeta UIAVerify de la carpeta bin de Windows SDK.

Monitor de eventos accesible

El Monitor de eventos accesible (AccEvent) comprueba si los elementos de la interfaz de usuario de una aplicación activan la automatización de la interfaz de usuario adecuada y los eventos de accesibilidad activa de Microsoft cuando se producen cambios en la interfaz de usuario. Los cambios en la interfaz de usuario pueden producirse cuando cambia el foco, o cuando se invoca un elemento de la interfaz de usuario, se selecciona, o el elemento tiene un cambio de estado o propiedad. AccEvent se usa normalmente para depurar problemas y para validar que los controles personalizados y extendidos funcionan correctamente.

Procedimientos de prueba de accesibilidad

Crear un flujo de trabajo de accesibilidad centrado en la automatización

Use las pruebas de accesibilidad como puerta de versión, de la misma manera que use pruebas unitarias, de integración y confiabilidad.

  1. Defina las expectativas de accesibilidad de línea base para los flujos de usuario principales y el comportamiento de control.
  2. Agregue comprobaciones automatizadas que se ejecutan en solicitudes de incorporación de cambios y CI para detectar regresiones rápidamente.
  3. Se produce un error en las compilaciones cuando se detectan problemas críticos de accesibilidad y se realiza un seguimiento de las exenciones con un propietario y una fecha de expiración.
  4. Programe el lector de pantalla manual y la validación del teclado para escenarios en los que se requiera el criterio humano.
  5. Vuelva a probar los escenarios afectados cada vez que cambien las plantillas, la lógica de control o el comportamiento de navegación.

Probar la accesibilidad del teclado

Valide el comportamiento del teclado sin entrada de puntero. Confirme una secuencia de Tabulador completa y lógica en todos los elementos interactivos, la navegación esperada con las teclas de flecha dentro de los controles compuestos, y la invocación confiable de acciones con el teclado (normalmente Intro o Barra espaciadora) para cada superficie de comandos enfocable.

Comprobación de la relación de contraste del texto visible

Use herramientas de contraste de color para comprobar que la relación de contraste de texto visible es aceptable. Las excepciones incluyen elementos inactivos de la interfaz de usuario y logotipos o texto decorativo que no transmite ninguna información y se pueden reorganizar sin cambiar el significado. Consulte Requisitos de texto accesibles para obtener más información sobre la relación de contraste y las excepciones. Consulte Técnicas para WCAG 2.0 G18 (sección Recursos) para obtener herramientas que pueden probar las relaciones de contraste.

Nota:

Algunas de las herramientas enumeradas por Técnicas para WCAG 2.0 G18 no se pueden usar de forma interactiva con una aplicación de Windows. Es posible que deba introducir manualmente los valores de color de primer plano y de fondo en la herramienta, 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 capturada, o bien utilizar la herramienta mientras abre archivos de mapa de bits en un programa de edición de imágenes, en lugar de hacerlo mientras que la aplicación ha cargado dicha imagen.

Comprobación de la aplicación en contraste alto

Usa la aplicación mientras un tema de contraste alto está activo para comprobar que todos los elementos de la interfaz de usuario se muestran correctamente. Todo el texto debe ser legible y todas las imágenes deben estar claras. Ajuste los recursos del diccionario de temas XAML o las plantillas de control para corregir cualquier problema de tema que proceda de los controles. En los casos en los que los problemas destacados de contraste alto no proceden de temas o controles (como archivos de imagen), proporcione versiones independientes que se usarán cuando un tema de contraste alto esté activo.

Verifica tu aplicación con la configuración de pantalla

Valide el escalado de la interfaz de usuario en los cambios de DPI del sistema, incluidos los escenarios de escalado motivado por accesibilidad. Si aparecen regresiones de diseño o representación, aplique las directrices para el escalado de diseño y agregue recursos para los factores de escala afectados.

Comprobación de los escenarios principales de la aplicación mediante narrador

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

Siga estos pasos para probar la aplicación mediante Narrador con un mouse y un teclado:

  1. Inicie Narrador presionando 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 dirección Bloqueo + teclas de dirección.
  3. A medida que navega por la aplicación, escucha como Narrador lee los elementos de la interfaz de usuario y comprueba lo siguiente:
    • Para cada control, asegúrese de que Narrador lee todo el contenido visible. Asegúrese también de que Narrador lee el nombre de cada control, cualquier estado aplicable (activado, seleccionado, etc.) y el tipo de control (botón, casilla, elemento de lista, etc.).
    • Si el elemento es interactivo, compruebe que puede usar Narrador para invocar su acción presionando Caps Lock + Entrar.
    • Para cada tabla, asegúrese de que Narrador lee correctamente el nombre de la tabla, la descripción de la tabla (si está disponible) y los encabezados de fila y columna.
  4. Presione Caps Lock + Mayús + Entrar para buscar en la aplicación y comprobar que todos los controles aparecen en la lista de búsqueda y que los nombres de control están localizados y legibles.
  5. Desactive el monitor e intente realizar escenarios principales de la aplicación mediante solo el teclado y el Narrador. Para obtener la lista completa de comandos y métodos abreviados de Narrador, presione Caps Lock + F1 (Caps Lock + F1).

Mientras se ejecuta Narrador, habilite el modo de desarrollador con Control + Caps Lock + F12. El modo de desarrollador enmascara la pantalla y resalta únicamente los objetos y textos accesibles expuestos mediante programación, lo que facilita la validación de la salida visible para el Narrador.

Siga estos pasos para probar la aplicación mediante el modo táctil del Narrador:

Nota:

Narrador entra automáticamente en Modo Táctil en dispositivos que admiten más de 4 puntos de contacto. El Narrador no admite escenarios de varios monitores ni digitalizadores multitáctiles en la pantalla principal.

  1. Familiarícese con la interfaz de usuario y explore el diseño.

    • Navegue por la interfaz de usuario mediante gestos de deslizar con un solo dedo. Usa gestos de deslizar a la izquierda o a la derecha para moverte entre elementos, y gestos de deslizar hacia arriba o hacia abajo para cambiar la categoría de los elementos que se están navegando. Las categorías incluyen todos los elementos, vínculos, tablas, encabezados, etc. Navegar con gestos de deslizar un solo dedo es similar a navegar con caps Lock + Arrow.
    • Utiliza gestos de tabulador para navegar por los elementos enfocables. 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.
    • Investigue espacialmente la interfaz de usuario con un solo dedo. Desliza un solo dedo hacia arriba y hacia abajo, o hacia la izquierda y hacia la derecha, para que Narrador lea los elementos debajo del mismo. Puede usar el ratón como alternativa porque utiliza la misma lógica de detección de colisiones que al arrastrar un solo dedo.
    • Lean toda la ventana y todo su contenido con un deslizamiento de tres dedos hacia arriba. Esto equivale a usar bloqueos de mayúsculas + W.

    Si hay una interfaz de usuario importante a la que no se puede acceder, es posible que tenga un problema de accesibilidad.

  2. Interactúe con un control para probar sus acciones principales y secundarias y su comportamiento de desplazamiento.

    Las acciones principales incluyen cosas como activar un botón, colocar un cursor de texto y enfocar el control. Las acciones secundarias incluyen acciones como seleccionar un elemento de lista o expandir un botón que ofrece varias opciones.

    • Para probar una acción principal: pulse doble o presione con un dedo y pulse con otro.
    • Para probar una acción secundaria: toca tres veces, o presiona con un dedo y toca dos veces con otro.
    • Para probar el comportamiento de desplazamiento: use deslizamientos de dos dedos para desplazarse en la dirección deseada.

    Algunos controles proporcionan acciones adicionales. Para mostrar la lista completa, realice un solo toque 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 tenga que implementar patrones de control de automatización de la interfaz de usuario adicionales.

También debe considerar el uso de la herramienta AccScope para probar escenarios de accesibilidad del narrador con la aplicación. En el tema de la herramienta AccScope se describe cómo configurar AccScope para probar escenarios de Narrador.

Examen de la representación de automatización de la interfaz de usuario de la aplicación

Usa las herramientas de inspección de automatización de la interfaz de usuario para ver tu aplicación como un árbol de elementos UIA consumido por tecnologías de asistencia.

AccScope es útil porque muestra el árbol como una lista o una superposición visual, lo que le permite correlacionar la estructura de automatización con la interfaz de usuario representada. Esto es eficaz incluso para los prototipos de interfaz de usuario tempranos, antes de implementar la lógica de interacción completa.

Compruebe que solo los elementos previstos aparecen en cada vista de accesibilidad y que los elementos necesarios están presentes. Use AutomationProperties.AccessibilityView para corregir las omisiones o sobreexposición y, a continuación, vuelva a validar el orden de tabulación y la navegación de teclas de flecha para todos los elementos interactivos en la vista de control.

  • Last updated on