Bienvenido al axe Developer Hub
Introducción al producto axe Developer Hub y su arquitectura
Características de axe Developer Hub
Axe Developer Hub es una solución de pruebas de accesibilidad integrada con las siguientes características:
- Proporciona instrucciones simples y fáciles de seguir para incorporar pruebas de accesibilidad a su código de pruebas actual, mejorando fácilmente sus pruebas de página web existentes con la experiencia en pruebas de accesibilidad de Deque.
- Los resultados de sus pruebas de accesibilidad se presentan en el sitio web axe Developer Hub, que le permite realizar un seguimiento de sus resultados de accesibilidad a lo largo del tiempo para detectar tendencias y mantener la calidad.
- Puede monitorear los commits en Git a medida que cambia el código fuente de su sitio web para determinar si la accesibilidad de su sitio web está mejorando (o empeorando) con cada commit. En los repositorios de GitHub, puedes configurar una acción de GitHub que pueda bloquear commits que introduzcan errores de accesibilidad.
- Puede compartir fácilmente sus resultados de accesibilidad con sus compañeros de equipo para dirigir la atención a áreas de preocupación nuevas (o existentes). De hecho, la función de compartir está integrada en el Hub de Desarrollo de axe para permitir compartir casi todo.
- Puede exportar sus resultados para reutilizar fácilmente sus datos de accesibilidad en hojas de cálculo, bases de datos u otro software.
Para obtener una introducción rápida a axe Developer Hub, vea el video a continuación [Cómo encontrar nuevos problemas de accesibilidad con axe Developer Hub]:(https://www.youtube.com/watch?v=F9GOcZf-E1E)
La arquitectura de el Hub de Desarrollo de axe
Axe Developer Hub tiene dos elementos principales: un sitio web llamado axe Developer Hub y un componente de código, el paquete @axe-core/watcher.
axe Developer Hub
Axe Developer Hub tiene dos propósitos principales: administrar proyectos y ver los resultados de las ejecuciones de pruebas.
Creación y gestión de proyectos
Para utilizar Axe Developer Hub, el paso inicial implica crear un proyecto para agregar los resultados de las ejecuciones de pruebas para su revisión en el sitio web de la plataforma. Cuando crea un nuevo proyecto, axe Developer Hub crea una clave API y le brinda instrucciones completas sobre cómo integrar el componente de código (en el paquete @axe-core/watcher) en su conjunto de pruebas actual.
Consulte Comenzar a usar axe Developer Hub para obtener una guía paso a paso sobre cómo crear un nuevo proyecto.
Visualizando los problemas de las ejecuciones de pruebas
Axe Developer Hub también realiza un seguimiento de las ejecuciones de pruebas. Dentro del sitio web de axe Developer Hub, se recopilan y muestran todas las ejecuciones de prueba. Aquí puede ver el estado de accesibilidad de su proyecto, incluido el número y la gravedad de los problemas de accesibilidad. Si utiliza Git, también puede ver los errores de accesibilidad vinculados con cada commit. Para centrar mejor sus esfuerzos en la solución, puede utilizar filtros para limitar los defectos de accesibilidad en función de la gravedad y otros criterios.
Consulte Ver problemas de accesibilidad para obtener más información.
El componente de código
El componente de código del centro para desarrolladores de Axe es el paquete @axe-core/watcher, que realiza varias tareas:
- Inyecta código de prueba de accesibilidad en el driver de automatización del navegador existente al encapsular llamadas importantes, por lo que necesita realizar cambios mínimos en la configuración de su suite de pruebas para agregar pruebas de accesibilidad a su suite de pruebas actual.
- Recopila estadísticas de pruebas de accesibilidad para su proyecto y envía esos datos a los servidores de Deque. Esto le permite ver el estado de accesibilidad de su sitio web desde cualquier lugar y monitorear el cambio en los defectos de accesibilidad.
- Asocia confirmaciones de Git con resultados de accesibilidad. Esta función le brinda información inmediata sobre si sus resultados de accesibilidad están avanzando en la dirección correcta. También puedes instalar una acción de GitHub en un repositorio de GitHub para bloquear las confirmaciones si no cumplen con el nivel de calidad de accesibilidad especificado.
Consulte Referencia de API para obtener más información sobre las API proporcionadas por el paquete @axe-core/watcher.
Esquema del flujo de trabajo del axe Developer Hub
A continuación se muestra un flujo de trabajo de muestra para indicar una forma de utilizar axe Developer Hub dentro de una organización para monitorear los defectos de accesibilidad de su sitio web:
-
Crea un nuevo proyecto en axe Developer Hub. Consulte Get Started with axe Developer Hub.
-
Modifique su conjunto de pruebas. axe Developer Hub proporciona instrucciones sobre cómo modificar su conjunto de pruebas, lo que requiere solo unos pocos cambios en su conjunto de pruebas existente, y puede volver a revisar las instrucciones en cualquier momento. Consulte Compatibilidad de plataforma para obtener más información sobre las plataformas de automatización del navegador y los navegadores compatibles con axe Developer Hub.
-
Ejecute su conjunto de pruebas. Al ejecutar su conjunto de pruebas no solo verifica sus páginas web en busca de defectos de accesibilidad, sino que también recopila información sobre sus confirmaciones y ramas de Git y agrega esa información al axe Developer Hub.
-
Consulta tus problemas de accesibilidad en el axe Developer Hub. Consulte Ver problemas de accesibilidad.
-
Corrija los defectos de accesibilidad en su sitio web y vuelva a ejecutar sus pruebas. Cada defecto en el axe Developer Hub proporciona un enlace a Deque University para obtener estrategias de mitigación.
-
(Opcional) Comparte tus resultados. Comparte resultados específicos con colegas para abordar áreas de problemas de accesibilidad recurrentes.
-
Supervise continuamente la calidad del código ejecutando repetidamente tu conjunto de pruebas (asegúrate de ejecutarlo en cada confirmación de Git en cada rama). Supervise las tendencias de calidad del código en axe Developer Hub. Consulte Ver problemas de accesibilidad.
-
(Opcional) Exporta datos según sea necesario para su uso en otras aplicaciones. Consulte Exportación de datos.
-
(Opcional) Configura la acción de GitHub para que actúe como un guardián de accesibilidad para su repositorio en GitHub y evite commits que no tengan un nivel de calidad específico. Consulte Cómo usar la GitHub Action del axe Developer Hub.
Consulte también
Comience a usar axe Developer Hub
Soporte de la plataforma axe Developer Hub
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.