Cada error tiene nombre,
ubicación y solución.
WCAG Guard ejecuta 8 auditorías especializadas en cada escaneo. No es un check genérico: es un diagnóstico profundo de la accesibilidad de tu web.
8 auditorías especializadas en cada escaneo
Contraste de color
Verifica los ratios de contraste entre texto y fondo (mínimo 4.5:1 para texto normal, 3:1 para texto grande) y el contraste de componentes de interfaz como bordes de inputs y focus indicators.
Textos alternativos en imágenes
Analiza todas las imágenes: verifica que las informativas tengan alt descriptivo, que las decorativas tengan alt vacío, y que las imágenes dentro de enlaces tengan texto que describa el destino.
Estructura de encabezados
Valida la jerarquía H1-H6: que exista un único H1, que no se salten niveles, que ningún encabezado esté vacío, y que no se usen encabezados para estilizar texto que no es un título real.
Landmarks y ARIA
Comprueba que la página tenga landmarks semánticos (main, nav, aside, footer), que no haya landmarks duplicados sin etiquetas únicas, y que los atributos ARIA sean válidos y estén correctamente aplicados.
Formularios
Audita cada campo de formulario: labels asociados, placeholders usados como única etiqueta, labels genéricos o débiles, fieldsets sin legend en grupos de radio, y referencias aria-labelledby rotas.
Enlaces
Detecta enlaces vacíos, enlaces con texto ambiguo ("click aquí", "leer más") sin contexto, enlaces duplicados que van a destinos diferentes, pseudo-enlaces (divs con onclick) y enlaces redundantes adyacentes.
Navegación por teclado
Detecta trampas de teclado, regiones scrollables no enfocables, tabindex con valores positivos, elementos interactivos sin foco visible, y verifica la presencia de skip links para saltar la navegación.
Documento y metadatos
Verifica que el HTML tenga atributo lang válido, que la página tenga un title descriptivo, que el viewport no bloquee el zoom del usuario, y que los IDs sean únicos en toda la página.
Cada error te dice exactamente qué hacer
Nada de "revisa tu accesibilidad". Cada problema viene con su causa raíz, el criterio WCAG afectado, la severidad (crítico, grave, moderado, menor) y el código de corrección.
- Selector CSS exacto del elemento con el error
- Snippet HTML del problema para que no tengas que buscarlo
- Criterio WCAG con enlace a la documentación oficial
- Instrucciones de corrección con código de ejemplo
- Exporta en PDF o CSV con un click (Pro)
Tu web cambia. Tu accesibilidad también.
Cada actualización de tema, plugin o contenido puede introducir regresiones. Los escaneos programados las detectan antes de que lo hagan tus usuarios o los reguladores.
- Escaneos automáticos semanales (Pro) o diarios (Agency)
- Alertas por email cuando aparecen nuevos errores
- Histórico de evolución: 90 días (Pro) o 365 días (Agency)
- Comparación entre snapshots para ver qué cambió
- Webhooks para integrar con tu pipeline CI/CD (Agency)
Árbol de conformidad WCAG completo
No solo una lista de errores. Visualiza el estado de cumplimiento organizado por los 4 principios WCAG (perceptible, operable, comprensible, robusto), con cada criterio marcado como pass, fail o requiere revisión manual.
- Vista jerárquica: Principio → Directriz → Criterio
- Puntuación de compliance global con score numérico
- Desglose por URL para sitios multi-página
- Declaración de accesibilidad generada automáticamente (Pro)
- PDF white-label con tu marca para clientes (Agency)
Cero impacto en tu web. De verdad.
No inyectamos scripts en tu frontend. No añadimos widgets overlay. No ralentizamos tu página. Los escaneos se procesan en nuestros servidores cloud con navegadores headless dedicados.
- Los escaneos corren en cloud, no en tu servidor
- Sin JavaScript adicional en el frontend de tu web
- Core Web Vitals intactos — LCP, CLS, FID sin cambios
- Escaneo del HTML renderizado real (como un navegador)
Una plataforma, todos los estándares
Funciona donde tú trabajas
Lo que un scanner no puede hacer
Las herramientas automatizadas detectan entre el 30-40% de los problemas de accesibilidad. Los tests que requieren juicio humano — como verificar si un texto alternativo es realmente descriptivo, probar flujos complejos de usuario, o evaluar la compatibilidad con lectores de pantalla — necesitan revisión manual. Por eso ofrecemos también auditoría manual experta y consultoría.
Cómo WCAG Guard analiza tu web
¿Qué pasa cuando lanzas un escaneo de accesibilidad?
Cuando pulsas "Scan Now" en el plugin de WordPress o la app de Shopify, WCAG Guard envía las URLs de tu sitio a nuestros servidores cloud. Allí, un navegador headless (Chromium) renderiza cada página como lo haría un usuario real — ejecutando JavaScript, cargando CSS y esperando a que el DOM esté estable. Sobre ese HTML renderizado se ejecuta axe-core (el motor de accesibilidad más utilizado de la industria) junto con nuestras 8 auditorías especializadas: contraste de color, imágenes, encabezados, landmarks, formularios, enlaces, teclado y metadatos. El resultado es un informe que categoriza cada problema por severidad, criterio WCAG y prioridad, con el selector CSS exacto y el código de corrección. Todo el proceso ocurre en la nube; tu servidor no ejecuta nada.
¿Qué criterios WCAG evalúa el scanner automático?
WCAG Guard evalúa automáticamente los criterios de nivel A y AA de WCAG 2.1 y 2.2 que son verificables por máquina. Esto incluye: contraste de color entre texto y fondo (1.4.3, 1.4.11), textos alternativos en imágenes informativas y decorativas (1.1.1), estructura jerárquica de encabezados H1-H6 (1.3.1), etiquetas accesibles en campos de formulario (4.1.2, 3.3.2), navegación completa por teclado sin trampas (2.1.1, 2.1.2), landmarks semánticos y roles ARIA válidos (1.3.1, 4.1.2), enlaces con propósito descriptivo (2.4.4), atributo lang en el HTML (3.1.1) y title de página descriptivo (2.4.2). Los criterios que requieren juicio humano — como la calidad semántica del alt text o la comprensibilidad del contenido — se marcan como "requiere revisión manual" en el informe.
¿En qué se diferencia WCAG Guard de un overlay de accesibilidad?
Los overlays (AccessiBe, UserWay, EqualWeb) inyectan JavaScript en tu frontend que intenta "arreglar" problemas de accesibilidad en tiempo real. El problema: no pueden corregir errores estructurales del HTML. Un formulario sin etiquetas sigue siendo inaccesible aunque haya un widget encima. Un lector de pantalla necesita HTML semántico correcto, no una capa de JavaScript adivinando la estructura. WCAG Guard toma el enfoque opuesto: diagnostica la causa raíz de cada problema y te da el código exacto para corregirlo. No inyectamos nada en tu frontend. No vendemos atajos porque los atajos no cumplen la normativa. Es la diferencia entre maquillaje y cirugía estructural.
¿Cómo clasifica WCAG Guard la severidad de los errores?
Cada problema detectado se clasifica en cuatro niveles de severidad. Crítico: el elemento es completamente inaccesible (formulario sin ninguna etiqueta, contenido invisible para lectores de pantalla). Grave: hay una barrera significativa pero parcial (contraste de color insuficiente, imagen informativa sin alt). Moderado: afecta a la experiencia pero no bloquea el acceso (encabezados que saltan niveles, landmarks sin etiqueta única). Menor: buenas prácticas no cumplidas que podrían mejorar la experiencia (tabindex positivo, title redundante con label). La priorización combina severidad con frecuencia: un error moderado que aparece en 50 páginas puede ser más urgente que un error crítico en una sola página.
Sobre las funcionalidades
Haz tu primer escaneo gratis
Instala el plugin en WordPress o Shopify, o usa la plataforma web directamente. Resultado en menos de 2 minutos.