Pruébalo en tu web
01
Prepara un estado
Carga la página y abre el menú, diálogo o formulario que quieras revisar.
02
Lee la regla y el elemento
Identifica qué detecta el análisis y qué necesita revisión humana. Conserva selector, estado y versión.
03
Corrige y repite
Ejecuta de nuevo la comprobación y recorre el componente con teclado.
CASO SIMULADO
Un diálogo ficticio tiene un nombre accesible, pero no devuelve el foco al cerrar. Resolver una regla automática no garantiza el comportamiento completo.
Qué hacer con el resultado
Si el análisis ya no señala el error, confirma el recorrido manualmente y registra ambas comprobaciones por separado.
Para profundizar
Abrir la guía completa y las fuentes
Herramienta · Accesibilidad técnica · Revisada el 13 de octubre de 2026
La extensión axe DevTools de Deque analiza accesibilidad desde las herramientas del navegador. Ayuda a localizar elementos afectados, comprender reglas y corregir problemas durante desarrollo o mantenimiento. Su motor automatizado axe-core también se utiliza en integraciones de pruebas, pero extensión y motor no son productos intercambiables.
Cuándo elegirla
Encaja si necesitas relacionar una incidencia con HTML y componentes concretos: nombre accesible, estructura, atributos ARIA o contraste automatizable, entre otros. También permite repetir la revisión después de un cambio. La tarea de la persona sigue siendo el contexto para decidir qué verificar.
Qué necesitas y qué cambia según la edición
Instala la extensión oficial para un navegador compatible, abre la página o estado que quieres revisar y accede a las herramientas de desarrollo. La versión gratuita proporciona comprobaciones automáticas de una página. La edición Pro incorpora funciones como pruebas guiadas y capacidades de informes y colaboración; verifica la disponibilidad de la función concreta en la edición que utilices.
No es necesario añadir al sitio el código de la extensión para que sus visitantes la utilicen. Si quieres integrar análisis en un proceso de desarrollo automatizado, estudia axe-core o las herramientas de integración correspondientes como un trabajo distinto.
Cómo trabajar con los resultados
- Anota URL, versión, navegador, reglas y estado de la interfaz.
- Ejecuta el análisis y localiza un elemento afectado.
- Lee la explicación y comprueba el problema en su contexto; distingue requisitos y buenas prácticas.
- Resuelve la causa en el componente, no solo en una instancia si se repite.
- Repite el análisis y añade la interacción manual necesaria.
- Revisa por separado errores, menú abierto, diálogo y otros estados relevantes.
axe-core distingue incidencias detectadas y casos incompletos que necesitan revisión. No conviertas «necesita revisión» en «cumple» ni lo elimines del informe para mejorar el recuento. Conserva qué se examinó y la decisión humana tomada.
Ejemplo: un botón sin nombre
Caso didáctico: la herramienta detecta un botón que solo contiene un icono. Antes de añadir cualquier etiqueta, define su acción: «Cerrar aviso» y «Eliminar producto» tienen consecuencias diferentes. Corrige el nombre y comprueba que coincide con la función; después verifica activación por teclado, foco y resultado de la acción. Una etiqueta ARIA no implementa esas interacciones.
Si el botón elimina un elemento, observa dónde queda el foco y cómo se comunica el cambio. El analizador puede ayudar con el nombre, pero ese recorrido exige pruebas adicionales. Consulta la guía de WAI-ARIA para evitar usar atributos como reparación superficial.
Datos y configuración
La documentación permite configurar estándares, versiones y opciones relacionadas con datos de uso y funciones avanzadas. No presupongas que todas las ediciones o modos funcionan sin comunicaciones externas. Revisa los ajustes de tu organización antes de analizar contenido sensible o guardar y compartir resultados. Usa datos de prueba cuando sea posible.
Documenta las reglas y versión empleadas si vas a comparar informes. Un cambio de motor o configuración puede modificar el conjunto de incidencias aunque no hayas cambiado el HTML. No desactives una regla solo para ocultar un problema pendiente.
Límites y alternativas
Cero incidencias automáticas no demuestra conformidad WCAG ni facilidad de uso. Quedan decisiones de contexto y pruebas de teclado, lector de pantalla, comprensión, foco y procesos completos. Las funciones de ayuda o corrección asistida también requieren verificar el resultado.
Si prefieres una revisión visual sobre el contenido, consulta WAVE. Para pruebas automatizadas dentro de un proyecto, la documentación de axe-core explica el motor y sus resultados. Para evaluar si una persona entiende y completa la tarea, añade pruebas con usuarios.