Deberías medir la accesibilidad de tu web WordPress y ¡deberías hacerlo ya!

Desde junio de 2025 la accesibilidad web en España ha dejado de ser una recomendación para convertirse en una obligación legal que afecta también al sector privado. Si tienes una tienda online, una plataforma de servicios o cualquier negocio digital, esto te toca. El primer paso para cumplir es saber dónde estás, es decir, medir.

Pero medir la accesibilidad no es tan sencillo como pasar una herramienta y obtener un aprobado o un suspenso. Tiene matices, limitaciones y trampas que conviene conocer antes de lanzarse. En este artículo te cuento qué se mide exactamente, cómo se mide, con qué herramientas puedes hacerlo, y dónde está el límite de lo que una herramienta automática puede detectar.

Por qué medir la accesibilidad de tu web

Hay dos razones, y las dos de peso. La primera es legal, pues la Ley 11/2023, que transpone la Directiva europea de accesibilidad (2019/882), está en vigor desde el 28 de junio de 2025 y afecta a empresas privadas que ofrezcan servicios digitales (ecommerce, banca online, transporte, plataformas de contenido, etc.).

Las sanciones por incumplimiento van desde 301 euros para infracciones leves hasta 1.000.000 de euros para las muy graves, no es broma, es un arruina-negocios.

Las microempresas, o sea, las de menos de 10 empleados y menos de 2 millones de euros de facturación anual, la tuya, la mía y la de la mayoría de emprendedores, tienen exenciones parciales, pero ojo, parciales. Por su parte, el sector público ya estaba obligado por el RD 1112/2018 desde hace años.

La segunda razón es práctica, pues un sitio accesible es un sitio que funciona mejor para todo el mundo. Mejor estructura, mejor navegación, mejor rendimiento en buscadores. No es casualidad que muchas de las buenas prácticas de accesibilidad coincidan con las de SEO y usabilidad.

Un h1 bien puesto, un formulario con elementos label correctos, un contraste de texto legible. Todo eso beneficia a todos tus visitantes, no solo a los que usan tecnologías de asistencia.

Si quieres profundizar a nivel general en la accesibilidad web en WordPress tengo una guía completa sobre accesibilidad web en WordPress que te vendrá bien como referencia, es sencilla de leer y complemento previo a este artículo si me apuras.

Qué se mide exactamente

La referencia técnica son las WCAG 2.1 (Web Content Accessibility Guidelines), un estándar del W3C que organiza los criterios de accesibilidad en cuatro principios. No hace falta que te los aprendas de memoria pero sí que entiendas la lógica:

1. Perceptible: El contenido debe poder verse y oírse. Imágenes con texto alternativo, vídeos con subtítulos, contraste de color suficiente.
2. Operable: El sitio debe poder navegarse con teclado, sin trampas de foco, con enlaces descriptivos, sin redirecciones automáticas que desorienten.
3. Comprensible: El idioma de la página debe estar declarado, los formularios deben tener elementos label claros, los errores deben explicarse de forma accesible.
4. Robusto: El código debe funcionar con distintas tecnologías de asistencia. IDs únicos, ARIA bien usado, regiones live para mensajes dinámicos.

La normativa española (tanto la Ley 11/2023 como el RD 1112/2018) exige el nivel AA de las WCAG 2.1, que son 50 criterios de éxito. No todos pesan igual, claro, pero todos cuentan.

Además de lo puramente técnico, en España hay requisitos legales adicionales que una auditoría debería revisar:

• Declaración de accesibilidad enlazada desde el pie de página
• Aviso legal con identificación del titular (LSSICE)
• Política de privacidad (RGPD)
• Banner de cookies conforme a la AEPD
• Canal de reporte de problemas de accesibilidad

Lo que las herramientas automáticas pueden y no pueden hacer

Esto es lo más importante del artículo y no quiero que te lo saltes. Las herramientas automáticas de análisis de accesibilidad detectan, en el mejor de los casos, entre el 30% y el 40% de los problemas reales. Es un dato que repiten tanto Deque (los creadores de axe) como el W3C y cualquier auditor profesional serio.

¿Por qué tan poco? Pues porque muchos criterios WCAG requieren juicio humano.

Una herramienta puede detectar que una imagen no tiene atributo alt, pero no puede evaluar si el texto alternativo que has puesto es realmente descriptivo o es un «imagen1.jpg«. Puede comprobar que existe un contraste mínimo en estilos inline, pero no puede procesar todo el CSS para verificar el contraste real del texto que ve el usuario. Puede encontrar un div con onclick, pero no puede saber si ese div tiene un comportamiento interactivo legítimo o es un error.

Lo que sí hacen bien las herramientas automáticas:

• Detectar imágenes sin alt
• Encontrar IDs duplicados
• Verificar que existe el atributo lang en el HTML
• Comprobar si el viewport bloquea el zoom
• Detectar enlaces con texto ambiguo («haz clic aquí»)
• Encontrar campos de formulario sin label asociado
• Localizar outline:none sin alternativa de foco

Lo que no pueden hacer (o hacen mal):

• Calcular el contraste real de colores (necesitan procesar todo el CSS)
• Evaluar la calidad del texto alternativo
• Comprobar que la navegación con teclado funciona de verdad
• Verificar que los lectores de pantalla anuncian correctamente el contenido
• Determinar si la estructura semántica tiene sentido para un usuario real
• Detectar si un banner de cookies usa patrones oscuros

Dicho esto, que no detecten todo no significa que no sean útiles, son el mejor punto de partida, la primera línea de defensa. Te dan un mapa de los errores más evidentes y te ahorran horas de revisión manual en cosas que una máquina sí puede verificar con fiabilidad.

Cómo medir la accesibilidad paso a paso

Si quieres hacer una evaluación razonable (no profesional, pero sí útil), sigue estos pasos:

Pasa una herramienta automática

Empieza por ahí. Analiza al menos la portada, una página interior tipo y una ficha de producto o formulario de contacto. Anota los fallos y clasifícalos por gravedad.

Navega con el teclado

Cierra el ratón y navega tu web solo con Tab, May+Tab y luego Intro. ¿Puedes llegar a todos los menús? ¿Ves dónde está el foco en cada momento? ¿Algún elemento te atrapa y no te deja salir? Esta prueba de cinco minutos te dirá más sobre la accesibilidad real de tu web que muchas herramientas.

Prueba con un lector de pantalla

NVDA (gratuito, Windows) o VoiceOver (integrado en Mac e iOS). No hace falta ser experto, basta con activarlo y escuchar cómo se lee tu página. Si algo suena raro, confuso o directamente no se anuncia, ahí tienes un problema.

Revisa los requisitos legales

Comprueba manualmente si tu web tiene enlazados desde el pie de página: aviso legal, política de privacidad, política de cookies y, si procede, la declaración de accesibilidad. Verifica que el banner de cookies permita rechazar con la misma facilidad que aceptar (exigencia de la AEPD).

Documenta y prioriza

Haz una lista de todo lo encontrado, ordena por gravedad (los problemas que impiden el uso van primero), y planifica la corrección. No intentes arreglar todo de golpe, prioriza lo que bloquea el acceso.

Herramientas para medir la accesibilidad

Aquí va un repaso sincero de las opciones disponibles, cada una con lo que hace bien y lo que no.

Lighthouse (Google Chrome)

Viene integrada en las DevTools de Chrome (F12 > Lighthouse > Accessibility). Gratuita, rápida, da una puntuación de 0 a 100 y usa el motor axe-core internamente, aunque ejecuta menos reglas que axe completo.

• A favor: no necesitas instalar nada, genera informes descargables, combina accesibilidad con rendimiento y SEO en un solo análisis.
• En contra: ejecuta menos reglas que axe DevTools, la puntuación puede dar falsa sensación de seguridad (un 90 en Lighthouse no significa que tu web sea accesible), solo analiza una página cada vez.

WAVE (WebAIM)

Extensión gratuita para Chrome y Firefox que superpone los errores directamente sobre la página. Muy visual y fácil de entender sin conocimientos técnicos.

• A favor: la representación visual ayuda mucho a entender dónde están los problemas, gratuita, no requiere conocimientos de desarrollo.
• En contra: analiza solo una página cada vez, puede saturar visualmente en páginas complejas, no detecta problemas que requieran renderizado completo del CSS.

axe DevTools (Deque)

Extensión para Chrome y Firefox creada por Deque, la referencia en accesibilidad. El motor axe-core es el mismo que usa Lighthouse internamente, pero la extensión ejecuta más reglas y tiene la política de cero falsos positivos.

• A favor: la herramienta automatizada más precisa del mercado, informes técnicos detallados, versión gratuita muy potente, cero falsos positivos declarados.
• En contra: orientada a desarrolladores (la interfaz puede intimidar), la versión gratuita tiene limitaciones, solo analiza una página cada vez.

Accessibility Insights (Microsoft)

Extensión para Chrome que combina un análisis rápido (FastPass) con una guía paso a paso para revisión manual. La guía de evaluación manual es lo más interesante, te lleva de la mano por los criterios que las herramientas automáticas no pueden verificar.

• A favor: la combinación de análisis automático y guía manual es única, gratuita y de código abierto, excelente para aprender sobre accesibilidad mientras evalúas.
• En contra: solo disponible en inglés, requiere más tiempo que un simple escaneo automático.

Soluciones de superposición (accessiBe, UserWay, etc.)

Son widgets que se instalan en tu web y prometen corregir problemas de accesibilidad automáticamente con IA. Tengo que ser claro aquí, y es que la comunidad de accesibilidad las desaconseja de forma casi unánime. No corrigen los problemas reales del código, solo ponen una capa encima.

Algunos estudios incluso han demostrado que pueden empeorar la experiencia para usuarios de lectores de pantalla, y no te protegen legalmente porque no modifican el HTML subyacente. Si te interesa el tema tengo un artículo sobre plugins de accesibilidad a un clic donde profundizo más en estas cosas.

Auditoría profesional

La opción más completa y la única que realmente puede certificar cumplimiento. Un auditor profesional combina herramientas automáticas, revisión manual experta, pruebas con tecnologías de asistencia y, en el mejor de los casos, pruebas con usuarios reales con discapacidad. El coste varía mucho según el tamaño del sitio, pero en España hay que contar con un mínimo de 1.500 a 3.000 euros para un sitio pequeño.

• A favor: la única vía para detectar el 100% de los problemas, genera documentación válida legalmente, incluye plan de aplicación de soluciones por prioridades.
• En contra: coste elevado para pequeñas empresas, hay que repetirla periódicamente (cada cambio importante del sitio puede introducir nuevas barreras).

Analizador de accesibilidad online

La herramienta de análisis de accesibilidad para webs WordPress tiene un funcionamiento sencillo. Solo tienes que introducir la URL de tu web WordPress y obtener un análisis automático con 25 comprobaciones organizadas en los 4 principios WCAG más requisitos legales españoles y comprobaciones específicas de WordPress.

• A favor: gratuita, sin registro, en español, orientada específicamente a WordPress (detecta tema, maquetadores, plugins de accesibilidad, tema accessibility-ready), incluye correcciones concretas para WordPress con plugins recomendados, cubre requisitos legales españoles (Ley 11/2023, RD 1112/2018, LSSICE, RGPD), también acepta HTML pegado directamente para analizar sin necesidad de URL pública.
• En contra: como toda herramienta automática solo detecta problemas verificables en el HTML estático (no procesa el CSS completo ni simula interacción alguna), no sustituye una auditoría profesional ni pruebas manuales. La puntuación orienta pero no certifica cumplimiento.

Te recomiendo usarla como primer paso rápido para saber dónde estás, complementarla con una navegación con teclado y, si tu sitio tiene obligaciones legales, plantearte seriamente pedir una auditoría profesional.

El enfoque realista

Si tu presupuesto es limitado y no puedes contratar una auditoría profesional la combinación más eficaz es:

1. Pasa el analizador online de accesibilidad o Lighthouse para tener un mapa de errores automáticos
2. Instala WAVE o axe DevTools en tu navegador para ir revisando página por página
3. Navega tu web con el teclado y detecta trampas de foco y problemas de navegación
4. Prueba con NVDA o VoiceOver al menos la portada y el flujo principal (menú, página, formulario)
5. Revisa los requisitos legales manualmente (pie de página, declaración de accesibilidad, cookies)
6. Documenta todo y corrige empezando por lo más grave

No es un kit perfecto pero es mucho mejor que no hacer nada, y sobre todo es un proceso continuo.

La accesibilidad no se «arregla» una vez y se olvida, cada actualización del tema, cada plugin nuevo, cada cambio de contenido puede introducir nuevas barreras. Lo ideal es incorporar estas comprobaciones a tu flujo de trabajo habitual.

Para gestionar la accesibilidad en el día a día de tu WordPress no olvides revisar también la guía de accesibilidad en WordPress y a los plugins de accesibilidad que pueden ayudarte.

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!