Saltar al contenido principal
Niquelao Accesibilidad web y desarrollo front-end en español: estándares WCAG, widgets accesibles y extensiones para Firefox, explicados con código real.

Algunos enlaces de este sitio son de afiliados: si compras a través de ellos, es posible que recibamos una comisión sin coste adicional para ti. Esto nunca afecta a nuestras recomendaciones. Consulta nuestra declaración de afiliados para más detalles. Divulgación de afiliados.

Las mejores herramientas de accesibilidad web: mejores opciones comparadas (2026)

Web accessibility tools (herramientas de accesibilidad web) han dejado de ser un nicho para pasar a formar parte del flujo de trabajo diario de cualquier equipo que publica en la web. Si trabajas con XHTML/CSS, mantienes un sitio institucional o auditas portales de administraciones públicas, la diferencia entre “cumplir por casualidad” y “cumplir de forma verificable” está en el conjunto de herramientas que utilizas y, sobre todo, en cómo las combinas.

Las herramientas de accesibilidad web se organizan en capas complementarias para cubrir la WCAG 2.2 sin duplicar esfuerzos: validación de marcado, auditoría automática y pruebas manuales. Ninguna herramienta automática detecta más que una fracción de los criterios, ya que solo cubren aspectos como contraste, nombres accesibles y estructura de encabezados. La norma de referencia en 2026 es la WCAG 2.2, con la WCAG 3 aún en desarrollo.

  • Ninguna herramienta de accesibilidad web cubre las WCAG por sí sola. Las auditorías automáticas detectan principalmente problemas de contraste, nombres accesibles faltantes y estructura de encabezados; los criterios que dependen del significado (texto alternativo útil, orden de enfoque lógico, mensajes de error comprensibles) requieren revisión humana.
  • Combina tres capas: validación de marcado (W3C Nu), auditoría automática (axe, Lighthouse, WAVE) y pruebas manuales con un lector de pantalla y teclado.
  • El estándar de referencia en 2026 es WCAG 2.2, con WCAG 3 aún en desarrollo y sin una fecha de recomendación firme. Diseña para 2.2 AA a menos que las regulaciones locales exijan lo contrario.
  • En España y Latinoamérica, la norma EN 301 549 y las transposiciones nacionales de la directiva europea marcan los requisitos legales para el sector público y ciertos sectores privados.
  • Las herramientas de pago aportan valor principalmente en el monitoreo continuo y la generación de informes, no en la detección per se, que suele ser la misma que la de los motores de código abierto subyacentes.

Cómo elegir: criterios antes que marcas

Antes de comparar nombres, define lo que necesitas. La mayoría de las decisiones se resuelven con estas preguntas:

  1. ¿Auditoría única o monitoreo continuo? Una auditoría se realiza una vez y produce un informe; el monitoreo se ejecuta en cada despliegue y advierte de regresiones.
  2. ¿Necesitas un informe con trazabilidad legal? Si respondes a una administración o a un cliente con obligaciones de accesibilidad, necesitas declaraciones de conformidad y evidencia documentada, no solo una puntuación.
  3. ¿Trabajas en el navegador o en CI/CD? Las extensiones son convenientes para el desarrollo manual; los runners de integración continua evitan que los errores lleguen a producción.
  4. ¿Cuánto del análisis debe ser manual? Cuanto más interactivo sea el componente (menús, modales, autocompletado), más peso tendrán las pruebas manuales.
  5. ¿Qué stack tienes? Un sitio XHTML/CSS estático se valida de forma diferente a una SPA con componentes generados por JavaScript.

Con estos criterios claros, las herramientas de accesibilidad web (herramientas de accesibilidad web) a continuación encajan en capas complementarias.

Capa 1: Validación de marcado y estructura

W3C Nu HTML Checker

El Nu HTML Checker del W3C es el validador de referencia para HTML. Esta no es una de las herramientas de accesibilidad web (herramientas de accesibilidad web) en sentido estricto, pero detecta errores que rompen la semántica: elementos mal anidados, atributos duplicados, ids repetidos (que rompen las referencias de formulario aria-labelledby y for) y encabezados mal cerrados.

Por qué es importante para la accesibilidad: un id duplicado hace que un <label for="..."> apunte al campo incorrecto y, por lo tanto, es un verdadero error de accesibilidad que ninguna auditoría de contraste automática va a detectar. En sitios XHTML heredados, este validador suele encontrar más problemas de los esperados.

Relacionado: — Superposición de IA que promete cumplimiento WCAG en 48 horas.

Limitación: No realiza evaluación de contraste, nombres accesibles ni orden de enfoque. Es una primera pasada, no una auditoría.

Validadores de CSS y comprobación de unidades relativas

Para la accesibilidad, la parte relevante de CSS es que el texto se pueda ampliar sin romper el diseño (criterio WCAG 1.4.4). Herramientas como el W3C CSS Validator ayudan a detectar errores de sintaxis, pero comprobar el uso de unidades relativas (rem, em) frente a px fijos es una revisión manual. Un consejo útil: amplía el navegador al 200% y comprueba que no aparezca desplazamiento horizontal ni contenido recortado.

Capa 2: Auditoría automática en el navegador

axe DevTools

axe es el motor de reglas más extenso, y su extensión de navegador (axe DevTools) es probablemente la herramienta automática más citada entre las herramientas de accesibilidad web. Detecta violaciones concretas y, muy útilmente, marca elementos que requieren revisión manual, evitando así la falsa sensación de “cero errores = accesible”.

Vale la pena echarle un vistazo: — con plan gratuito para empezar hoy mismo.

Ventajas: las reglas están bien documentadas, cada fallo enlaza a la explicación del criterio WCAG correspondiente y el mismo motor está disponible como biblioteca (axe-core) para integrarlo en las pruebas.

Limitaciones: Solo analiza el estado actual del DOM. Los componentes que se abren con una interacción (un modal, un acordeón) deben activarse antes del análisis, o la herramienta no los verá.

WAVE

WAVE de WebAIM proporciona una vista visual con iconos superpuestos en la página, lo cual es muy educativo para explicar problemas a personas no técnicas. Su clasificación en errores, alertas, características de estructura y características de contraste es útil para la priorización.

Compensación: WAVE tiende a generar más “alertas” que axe, lo que puede abrumar en sitios grandes. Es excelente para formación y revisiones rápidas, pero menos eficiente para pipelines automatizados.

Lighthouse

Lighthouse, integrado en Chrome DevTools, incluye una auditoría de accesibilidad basada en axe-core. Su gran ventaja es que ya está ahí: no tienes que instalar nada. Su gran desventaja es que resume todo en una puntuación, y esa puntuación no equivale al cumplimiento de las WCAG. Un sitio puede obtener 100 en Lighthouse y seguir siendo inaccesible para un usuario de lector de pantalla.

Recomendación: úsalo como una señal rápida durante el desarrollo, pero nunca como una prueba de cumplimiento.

Relacionado: — La que acredita tu experiencia en accesibilidad..

Capa 3: Prueba manual con tecnologías de asistencia

Aquí es donde se decide la accesibilidad real y donde las herramientas automáticas de accesibilidad web se quedan cortas.

Lectores de pantalla

  • NVDA (Windows, gratuito y de código abierto): el más utilizado para pruebas en español. Combina bien con Firefox y Chrome.
  • JAWS (Windows, comercial): común en entornos corporativos y administrativos.
  • VoiceOver (macOS e iOS, integrado): imprescindible si tu audiencia utiliza dispositivos Apple.
  • TalkBack (Android, integrado): para validar la experiencia móvil.

La verificación mínima: navega por toda la página solo con el teclado (Tab, Shift+Tab, Enter, Espacio, flechas) y luego repite con un lector de pantalla. Asegúrate de que el foco sea visible, el orden sea lógico y cada control anuncie un nombre comprensible.

Inspección del árbol de accesibilidad

Las DevTools de Chrome y Firefox permiten ver el “árbol de accesibilidad”: cómo el navegador interpreta tu marcado. Es la forma más directa de comprobar si un aria-label está haciendo lo que crees o si un elemento decorativo está contaminando la experiencia. Esta vista revela problemas que ninguna auditoría automática reporta.

Vale la pena echarle un vistazo: — El estándar de la industria para probar la accesibilidad durante el desarrollo..

Comprobación de contraste

Las funciones de contraste de axe DevTools y WAVE calculan ratios, pero es útil comprender el criterio: WCAG 2.2 requiere 4.5:1 para texto normal y 3:1 para texto grande (criterio 1.4.3), y 3:1 para componentes de interfaz y elementos gráficos (criterio 1.4.11). Un medidor de color fiable y la comprensión de la fórmula de luminancia relativa evitan depender ciegamente de la herramienta.

Capa 4: Integración continua y monitorización

Si tu equipo despliega con frecuencia, la accesibilidad debe introducirse en el pipeline utilizando herramientas de accesibilidad web (herramientas de accesibilidad web).

  • axe-core como biblioteca: integrado en pruebas con Jest, Cypress o Playwright. Permite escribir aserciones como “esta página no debe tener violaciones de nivel A”.
  • Pa11y: herramienta de línea de comandos que ejecuta auditorías en URLs y genera resultados en distintos formatos, útil para scripts.
  • Lighthouse CI: ejecuta Lighthouse en cada pull request y falla si la puntuación cae por debajo de un umbral.

Advertencia importante: Las pruebas automatizadas en CI detectan regresiones, pero no garantizan el cumplimiento. Un umbral de “cero violaciones de axe” es un buen suelo, no un techo.

Capa 5: Plataformas comerciales de auditoría y monitorización

Existen herramientas de accesibilidad web de pago (Deque, Siteimprove, Level Access, entre otras) que añaden al motor automático: rastreo de sitios completos, historial de evolución, flujos de trabajo para asignar correcciones, generación de declaraciones de accesibilidad y, en algunos casos, revisión humana asistida.

Cuando tienen sentido: organizaciones grandes, con muchos sitios o con obligaciones legales de reporte. Cuando no: un sitio pequeño o un equipo que ya integra axe en CI puede cubrir el 80% del valor sin una licencia.

Divulgación honesta: El motor de detección en estas plataformas suele ser el mismo tipo de reglas automáticas que se encuentran en el código abierto. Lo que compras es el flujo de trabajo, los informes y el soporte, no una capacidad mágica para detectar lo que otros no ven.

Tabla comparativa de herramientas de accesibilidad web por caso de uso

NecesidadHerramienta recomendadaPor qué
Validar marcado y semánticaW3C Nu HTML CheckerDetecta id duplicados, anidamiento incorrecto, encabezados mal formados
Auditoría rápida en el navegadoraxe DevToolsReglas precisas, enlaces a criterios WCAG, distingue revisión manual
Explicar problemas a no técnicosWAVEVista visual con iconos, clasificación clara
Señal rápida durante desarrolloLighthouseYa integrado en Chrome, sin instalación
Prueba real de usoNVDA / VoiceOver + tecladoÚnica forma de validar la experiencia completa
Evitar regresionesaxe-core en CI, Pa11y, Lighthouse CIAutomatiza la comprobación en cada despliegue
Informes y monitorización a escalaPlataformas comercialesFlujo de trabajo, histórico y declaraciones de conformidad

El marco normativo que condiciona tu elección

Las herramientas no funcionan en el vacío. En España, el Real Decreto 1112/2018 desarrolla los requisitos de accesibilidad de los sitios web y aplicaciones móviles del sector público, alineados con la norma europea EN 301 549. En Latinoamérica, cada país tiene su propio marco: Argentina, Chile, Colombia y México tienen estándares o guías que remiten a las WCAG.

Esto es importante al elegir herramientas de accesibilidad web porque el cumplimiento legal requiere evidencia documentada, no solo una puntuación. Es necesario poder demostrar qué criterios fueron evaluados, con qué método y con qué resultado. Por eso las plataformas que generan informes trazables tienen demanda en el sector público, aunque su motor de detección no sea superior.

El estándar técnico de referencia es WCAG 2.2, publicado por el W3C. WCAG 3 aún está en desarrollo; es aconsejable monitorizar su evolución pero no basar el cumplimiento actual en un borrador.

Errores frecuentes al usar estas herramientas de accesibilidad web

  • Confundir puntuaciones con cumplimiento. Un 100 en Lighthouse no significa cumplir con las WCAG.
  • Analizar solo la página de inicio. Los formularios, los flujos de compra y las páginas de error suelen concentrar los fallos.
  • Ignorar componentes dinámicos. Si no abres el modal, la herramienta no lo audita.
  • No realizar pruebas de teclado. Esta es la comprobación más económica y la que más problemas revela.
  • Tratar el aria-label como una solución universal. Un aria-label mal utilizado empeora la experiencia; el texto visible suele ser la mejor opción.
  • Automatizar y olvidar. La accesibilidad se degrada con cada cambio si no se realiza un monitoreo.

Conclusión

No existe la “mejor herramienta de accesibilidad web” (herramientas de accesibilidad web) más allá de una combinación de sentido común: validación de marcado, auditoría automática, pruebas manuales con tecnologías de asistencia y monitoreo continuo. Empieza con lo que es gratuito y está bien documentado (Nu, axe, WAVE, NVDA), integra axe-core en tu pipeline cuando el equipo crezca y considera las plataformas comerciales solo cuando necesites informes y flujos de trabajo a escala. La herramienta más importante sigue siendo el criterio de la persona que la utiliza.

Sources & Further Reading

  • Web accessibility — Wikipedia: Web accessibility, or eAccessibility, is the inclusive practice of ensuring there are no barriers that prevent interaction with, or access to, websites on the World…

Frequently Asked Questions

¿Cuál es la mejor herramienta gratuita de accesibilidad web?

Depende del uso. Para la auditoría del navegador, axe DevTools es el más preciso y educativo. Para validar el marcado, W3C Nu HTML Checker. Para pruebas reales, NVDA en Windows o VoiceOver en macOS, ambos gratuitos. La combinación de estas tres herramientas de accesibilidad web cubre la mayoría de las necesidades sin coste alguno.

¿Las herramientas automáticas detectan todos los problemas de accesibilidad?

No. Los auditores automáticos detectan parte de los criterios WCAG, principalmente aquellos verificables mediante reglas: contraste, nombres accesibles, estructura de encabezados, atributos ARIA mal utilizados. Los criterios que dependen del significado y el contexto, como la utilidad de un texto alternativo o la claridad de un mensaje de error, requieren revisión humana.

¿Qué diferencia hay entre WCAG 2.2 y WCAG 3?

WCAG 2.2 es la recomendación actual del W3C y mantiene la estructura de los niveles A, AA y AAA. WCAG 3 es una revisión de desarrollo que propone un modelo de puntuación diferente y aún no es un estándar final. Para el cumplimiento actual, utilice WCAG 2.2.

¿Necesito herramientas de pago para cumplir la normativa en España?

No necesariamente. El Real Decreto 1112/2018 exige cumplir requisitos de accesibilidad y publicar una declaración, pero sin imponer herramientas concretas. Puede cumplirlo utilizando herramientas gratuitas si documenta el método y los resultados. Las plataformas de pago facilitan la trazabilidad y los informes, sin ser un requisito legal.

¿Cómo integro la accesibilidad en mi pipeline de integración continua?

Utilice axe-core como biblioteca en sus pruebas (Jest, Cypress, Playwright) o en herramientas de línea de comandos como Pa11y y Lighthouse CI. Configure umbrales que fallen la compilación ante infracciones de nivel A o AA. Recuerde que esto detecta regresiones, no reemplaza la auditoría manual periódica.

¿Con qué lector de pantalla debería probar mi sitio?

Pruebe al menos con una computadora de escritorio y un móvil. NVDA con Firefox o Chrome cubre Windows; VoiceOver cubre macOS e iOS; TalkBack cubre Android. Si su audiencia es corporativa o administrativa, agregue JAWS. Es importante navegar por tareas completas, no solo leer la página de inicio.


Testea WCAG desde tu tubería

El estándar de la industria para probar la accesibilidad durante el desarrollo.