Bienvenido a Axe DevTools para Web

This page is not available in the language you requested. You have been redirected to the English version of the page.
Link to this page copied to clipboard

Introducción a Axe DevTools para Web y sus componentes para pruebas automatizadas de accesibilidad

Free Trial
Not for use with personal data

Nosotros, en Deque Systems, desarrollamos Axe DevTools para Web para que sea fácil integrar pruebas automatizadas de accesibilidad en su proceso de desarrollo. Creemos que prevenir defectos de accesibilidad a través de pruebas automatizadas es la manera más eficiente y sostenible de crear productos accesibles.

Axe DevTools para Web está construido sobre nuestro producto axe-core, que es el motor de pruebas de accesibilidad de código abierto más popular.

tip

Si está interesado en saber más sobre nuestra visión de la accesibilidad, lea el Manifiesto de axe-core y la Filosofía en los que se basa el motor de axe-core.

Los componentes de Axe DevTools para Web

Axe DevTools para Web consta de los siguientes componentes para ayudarle a integrar las pruebas de accesibilidad en diferentes etapas de su proceso de desarrollo.

Centro de Desarrolladores de Axe: Unifique sus pruebas de accesibilidad a través de plataformas

El Centro de Desarrolladores de Axe de Deque proporciona una plataforma integral de pruebas de accesibilidad que agrupa resultados de múltiples fuentes a lo largo de su flujo de trabajo de desarrollo. Ya sea que esté probando aplicaciones web, aplicaciones móviles, o integrando las APIs de Axe DevTools para Web, el Centro de Desarrolladores de Axe le ofrece una vista unificada de los problemas de accesibilidad a lo largo de todo su ecosistema digital. Para más información, consulte Bienvenido al Centro de Desarrolladores de Axe.

Axe DevTools Linter: Detecte problemas de accesibilidad mientras codifica

Puede descargar el Linter de Accesibilidad Axe para VS Code desde el Marketplace de VS Code. Úselo mientras escribe código para que pueda ser alertado de problemas de accesibilidad inmediatamente, igual que cualquier otro linter.

Axe DevTools Linter también está disponible como un complemento para los IDEs de JetBrains (IntelliJ IDEA Ultimate y WebStorm). Consulte Usar el complemento de Linter de Axe con los IDEs de JetBrains para más información.

note

Deque tiene un producto linter separado llamado Axe DevTools Linter que le permite analizar el código fuente a través de un servidor local, un producto software como servicio (SaaS) o en su propio hardware con análisis local. Consulte la Documentación de Axe DevTools Linter para más información.

Extensión de Navegador Axe DevTools: Verifique la accesibilidad desde su navegador

La Extensión del Navegador Axe DevTools puede descargarse directamente desde la tienda web de Chrome, sitio de Complementos de Edge y sitio de complementos de Firefox. Use esta extensión (que se integra en las Herramientas de Desarrollo de cada navegador) para detectar hasta el 80% de todos los defectos de accesibilidad.

Para saber más sobre cómo empezar y usar la extensión del navegador Axe DevTools, consulte esta lista de reproducción de videos.

Para ver la documentación de la Extensión del Navegador Axe DevTools, consulte Extensión de Axe DevTools.

note

Para aprovechar al máximo la Extensión del Navegador Axe DevTools, necesitará iniciar sesión con las credenciales que recibió en su correo de bienvenida.

Axe Watcher: Añada rápidamente pruebas de accesibilidad a sus suites de pruebas web existentes

Usar Axe Watcher con Axe Developer Hub simplifica el inicio de las pruebas de accesibilidad. Con Axe Watcher, puede añadir pruebas de accesibilidad a sus suites de pruebas automatizadas existentes cambiando solo unas pocas líneas de código. Ejecuta automáticamente escaneos de accesibilidad durante sus pruebas, captura fallos junto con el contexto de Git (commits, ramas, autores) y envía resultados a Axe Developer Hub para su seguimiento y reporte centralizados. Funciona con suites de pruebas de JavaScript/TypeScript y Java.

Para saber más sobre Axe Watcher, empiece con la documentación de Axe Watcher.

APIs Web: Control granular sobre las pruebas de accesibilidad dentro de sus suites de pruebas existentes

Las APIs de Axe DevTools para Web (abreviadas como APIs Web) están diseñadas para ayudarle a probar problemas de accesibilidad como parte de su proceso de pruebas de interfaz de usuario automatizado (de extremo a extremo). Puede usar nuestras APIs en pruebas donde utilice controladores de navegador como Selenium, Puppeteer o Playwright y marcos de pruebas como Cypress, Jasmine, Jest, JUnit, Karma, Protractor, Robot Framework, unittest y muchos otros, brindándole la capacidad de usar nuestros paquetes para ayudarle a encontrar problemas de accesibilidad durante su proceso de CI.

Las APIs Web le brindan un control más granular sobre el proceso de prueba que usar Axe Watcher con Axe Developer Hub. (Aunque el mayor control granular conlleva un costo de tiempo de configuración y mantenimiento añadidos.) Las APIs Web también ofrecen soporte de lenguaje adicional sobre Axe Watcher (incluyendo C#, Python y Ruby).

tip

Ahora puede usar el CLI para enviar sus resultados de API Web al Axe Developer Hub. Vea Uso del CLI para enviar resultados de accesibilidad al Axe Developer Hub.

Para encontrar qué paquete Axe DevTools para Web necesita usar con los controladores de prueba o marcos de prueba que ya usa, consulte nuestro Catálogo de Ejemplos. El catálogo no solo le ayudará a identificar el paquete que necesita, sino que también le guiará hacia un proyecto de ejemplo que puede clonar desde GitHub y ejecutar localmente. Recomendamos probar primero un ejemplo. Una vez que funcione localmente, será más fácil integrar pruebas automatizadas de accesibilidad en su propio proyecto.

CLI: Verifique la accesibilidad desde la línea de comandos

Si su equipo aún no tiene muchas pruebas automáticas de interfaz de usuario, la herramienta de línea de comandos (CLI) axe (normalmente conocida solo como el CLI) podría ser una buena opción para agregar pruebas de accesibilidad a los flujos de usuario clave en su sitio web o aplicación web. El CLI puede ser programado para cargar páginas específicas (a través de su lenguaje de secuencias de comandos integrado), completar formularios, iniciar sesión con credenciales de usuario de prueba y exponer diferentes estados de páginas construidas con React, Vue, Angular y otros marcos similares. También puede ser muy valioso para probar automáticamente sitios responsivos en diferentes puntos de interrupción, y puede cargar sus resultados en Axe Developer Hub, así como los resultados de las APIs web. Para comenzar con el CLI, lea las Guías de inicio rápido.

Acceso a los binarios de Axe DevTools para Web APIs y CLI

Hay dos maneras de obtener los binarios de Axe DevTools para Web APIs y CLI:

  1. Directamente desde nuestro repositorio de artefactos. Puede descargar los archivos que necesita desde nuestra página Descargas. En Axe DevTools para Ejemplos Web encontrará enlaces para descargar un proyecto de ejemplo o ver la documentación para su ejemplo preferido.

    note

    Para acceder a la página de descargas o al repositorio de artefactos, deberá iniciar sesión usando su cuenta de Axe. Sus credenciales están en su correo de bienvenida.

  2. Conectando el repositorio de artefactos de su organización al nuestro para que su gestor de paquetes pueda resolver todas las dependencias en los paquetes de Axe DevTools para Web. Vea nuestras instrucciones para conectarse a su repositorio Nexus o su repositorio de Artifactory.

Obtener ayuda

Si tiene alguna pregunta o necesita ayuda para comenzar, estamos aquí para ayudar. Por favor, enviar un correo electrónico, y estaremos encantados de ayudarle.

Además, su correo de bienvenida contiene la información de contacto de su Gerente de Éxito del Cliente (CSM) asignado. Ellos también están listos para ayudarle a integrar las pruebas de accesibilidad en la forma en que construye sus propios productos.


Note: It is never necessary to use Deque's software or services in a way that collects, stores, or shares personal data. Do not use the software or services in a manner that collects, stores, or shares personal data.