Análisis de accesibilidad web: WCAG 2.2 y la Ley Europea de Accesibilidad
Análisis de accesibilidad web: encuentre las barreras que bloquean a quienes usan lectores de pantalla, teclado y zoom, en unos 20 segundos. Cada hallazgo incluye su criterio WCAG 2.2, las páginas donde aparece y la solución.
Analizar mi sitio
Gratis · sin registro · hasta 10 páginas · unos 20 segundos · ¿No sabe si la EAA le afecta? Haga el test de 5 preguntas ↓
Leemos el HTML público de hasta 10 páginas de su sitio. El informe se conserva durante una hora para poder enviárselo. Es una referencia automatizada, no una auditoría de conformidad.
- Obteniendo páginas
- Comprobando criterios WCAG
- Buscando una declaración de accesibilidad
- Calculando el índice
Cómo es el resultado
shop-example.com
Carencias en la referencia automatizada
- CríticoCampos de formulario sin etiqueta: 6 de 10 páginas
- CríticoImágenes sin alternativa de texto: 3 de 10 páginas
- ModeradoSin enlace de salto ni landmarks: 10 de 10 páginas
Ejemplo de un sitio ficticio. Su resultado aparecerá aquí en unos 20 segundos.
Referencia de accesibilidad
Las barreras más graves
Deje su correo electrónico para abrir el informe completo y recibirlo en PDF.
Lo que la automatización no puede comprobar
Estos puntos requieren a una persona y un navegador. Forman parte de toda auditoría manual.
1.4.3Contraste del textoMida el texto frente a su fondo real: 4.5:1, o 3:1 para texto grande.1.4.11Contraste de elementos no textualesCompruebe los bordes de campos, los iconos y los anillos de foco frente al fondo: 3:1.1.4.10Reflujo a 320 pxAjuste la ventana a 320 px CSS de ancho: sin desplazamiento horizontal y sin nada recortado.2.1.1Todo funciona con el tecladoDesconecte el ratón y complete su recorrido principal con Tab, Intro, Espacio y las flechas.2.4.7 / 2.4.11Foco visible y no ocultoRecorra la página con Tab: el anillo de foco siempre se ve y nunca queda bajo una cabecera fija.2.5.7Alternativa al arrastreTodo control deslizante, carrusel o función de arrastrar y soltar también funciona con clics simples.2.5.8Tamaño del objetivo de al menos 24×24 pxMida los iconos y enlaces pequeños en una pantalla del tamaño de un teléfono.3.2.6Ayuda en el mismo lugarLos enlaces de contacto o ayuda están en el mismo lugar en todas las páginas.3.3.7Sin reintroducir datosLos formularios de varios pasos no piden dos veces lo que el usuario ya ha introducido.1.2.xSubtítulos y audiodescripciónLos vídeos tienen subtítulos; cuando hace falta, una transcripción o audiodescripción.—Recorrido con lector de pantallaComplete sus recorridos principales con NVDA (Windows) o VoiceOver (macOS, iOS).
Informe completo + PDF por correo electrónico
Cada barrera, cada página, ejemplos de código y un plan de correcciones priorizado que puede reenviar a sus desarrolladores.
Auditoría manual y plan de corrección
Un ingeniero de YuSMP prueba sus recorridos clave con teclado y lectores de pantalla según WCAG 2.2 AA y después corrige los problemas en su código o sistema de diseño.
- Pruebas con teclado y lector de pantalla (NVDA, VoiceOver) de sus recorridos principales
- Contraste, foco y reflujo medidos en un navegador real
- Un plan de corrección ordenado por impacto y vinculado a WCAG 2.2
- Correcciones en componentes compartidos, para que se apliquen en todo el sitio
¿Le interesa más la experiencia de usuario que los criterios WCAG? Pruebe la comprobación de usabilidad web.
¿Le afecta la EAA?
Cinco preguntas, respondidas en su navegador: no se envía nada hasta que solicite el informe. Una primera orientación, no asesoramiento jurídico.
Qué comprueba el análisis
25 reglas: 19 se puntúan a partir del marcado y 6 son señales que requieren un navegador o a una persona. La columna de confianza indica el grado de certeza de una comprobación automática.
| Regla | Criterio WCAG | Nivel | Confianza |
|---|---|---|---|
| El idioma de la página no está declarado | 3.1.1 | A | Confirmado en el marcado |
| La página no tiene un título significativo | 2.4.2 | A | Confirmado en el marcado |
| Imágenes sin alternativa de texto | 1.1.1 | A | Confirmado en el marcado |
| Campos de formulario sin etiqueta | 3.3.2 | A | Confirmado en el marcado |
| Botones sin nombre accesible | 4.1.2 | A | Confirmado en el marcado |
| Enlaces sin nombre accesible | 2.4.4 | A | Confirmado en el marcado |
| Marcos incrustados sin título | 4.1.2 | A | Confirmado en el marcado |
| El zoom está bloqueado en móvil | 1.4.4 | AA | Confirmado en el marcado |
| Encabezados vacíos | 1.3.1 | A | Confirmado en el marcado |
| El contenido multimedia se reproduce solo y con sonido | 1.4.2 | A | Confirmado en el marcado |
| Se saltan niveles de encabezado | 1.3.1 | A | Muy probable: confirmar manualmente |
| La página no tiene encabezado principal (H1) | 1.3.1, 2.4.6 | Buena práctica | Muy probable: confirmar manualmente |
| Tablas de datos sin celdas de encabezado | 1.3.1 | A | Muy probable: confirmar manualmente |
| Marcado de listas incorrecto | 1.3.1 | A | Muy probable: confirmar manualmente |
| Valores de tabindex positivos | 2.4.3 | A | Muy probable: confirmar manualmente |
| ARIA usado de forma incorrecta | 4.1.2 | A | Muy probable: confirmar manualmente |
| Campos de datos personales sin autocomplete | 1.3.5 | AA | Muy probable: confirmar manualmente |
| Sin enlace de salto ni landmarks | 2.4.1 | A | Muy probable: confirmar manualmente |
| Enlaces con texto genérico | 2.4.4 | A | Muy probable: confirmar manualmente |
| Contraste del texto (requiere renderizado en navegador) | 1.4.3 | AA | Requiere comprobación manual |
| Tamaño de los objetivos táctiles (requiere renderizado en navegador) | 2.5.8 | AA | Requiere comprobación manual |
| Visibilidad del foco del teclado (requiere renderizado en navegador) | 2.4.7, 2.4.11 | AA | Requiere comprobación manual |
| Vídeo y audio: subtítulos y transcripción | 1.2.2 | A | Requiere comprobación manual |
| Declaración de accesibilidad y canal de comentarios | EAA | EAA | Requiere comprobación manual |
| Documentos PDF enlazados | — | Información | Requiere comprobación manual |
Cómo funciona
Rastreo
Abrimos su página y seguimos los enlaces internos hasta reunir un máximo de 10 páginas, como lo haría un visitante.
Comprobar
Cada página se comprueba con 19 reglas de marcado vinculadas a los criterios A/AA de WCAG 2.2, además de 6 señales para una revisión manual.
Puntuación
El índice pondera cada barrera según su gravedad y el número de páginas a las que afecta. Los hallazgos sin confirmar cuentan al 70 %.
Corrección
Cada hallazgo incluye a quién perjudica, la solución y un fragmento de su marcado para entregar a un desarrollador.
Auditoría automatizada frente a manual
Este análisis automatizado
- Lee el HTML que entrega el servidor
- Detecta nombres, etiquetas y alternativas que faltan, y errores de estructura
- Tarda unos 20 segundos y no cuesta nada
- Útil como referencia y para comprobaciones de regresión
Una auditoría manual
- Prueba la página renderizada en navegadores reales
- Cubre contraste, uso del teclado, foco, reflujo y contenido multimedia
- Recorre sus flujos clave con NVDA y VoiceOver
- Termina con un plan de corrección listo para ejecutar
Preguntas frecuentes
¿Qué es la Ley Europea de Accesibilidad y desde cuándo se aplica?
La Ley Europea de Accesibilidad (EAA) es la Directiva (UE) 2019/882. Se aplica desde el 28 de junio de 2025 a través de las legislaciones nacionales: en Alemania mediante la BFSG (Barrierefreiheitsstärkungsgesetz), y en Francia e Italia mediante sus respectivas leyes de transposición. Abarca una lista de productos y servicios de consumo, como el e-commerce, la banca para consumidores, el transporte de pasajeros, los libros electrónicos y las telecomunicaciones.
¿Se aplica la EAA a mi empresa?
Abarca los sectores enumerados cuando presta servicio a consumidores de la UE, con independencia de dónde esté establecida su empresa. Las microempresas que prestan servicios están exentas. Nuestro test de cinco preguntas le ofrece una primera orientación. Esto no es asesoramiento jurídico.
WCAG 2.1 o 2.2: ¿cuál importa?
La norma armonizada EN 301 549 hace referencia actualmente a WCAG 2.1 AA. WCAG 2.2 añade seis criterios A/AA (2.4.11, 2.5.7, 2.5.8, 3.2.6, 3.3.7, 3.3.8) y mantiene todo lo demás. Analizamos con la 2.2 porque incluye la 2.1.
¿Puede un análisis automatizado confirmar que mi sitio cumple la EAA?
No. Las herramientas automáticas solo detectan una parte de las barreras. El resultado es una referencia para planificar, no una declaración de conformidad.
¿Qué no comprueba este análisis?
Contraste, manejo con teclado, foco, reflujo, alternativas para contenido multimedia, claridad del contenido, documentos PDF, páginas tras un inicio de sesión y contenido que solo JavaScript renderiza en el navegador.
¿Qué es una declaración de accesibilidad y la necesito?
Es la información sobre cómo su servicio cumple los requisitos de accesibilidad (anexo V de la EAA). El formato varía según el país: en Alemania la información se incluye en las condiciones generales o se publica de otra forma claramente perceptible, por ejemplo en el sitio web; en Francia es la «déclaration d'accessibilité» y en Italia la «dichiarazione di accessibilità». Consulte la redacción para sus países con un asesor jurídico.
¿Cómo corregimos los problemas y cuánto se tarda?
La mayoría de las barreras de marcado se corrigen una sola vez, en componentes compartidos o en el sistema de diseño, y la corrección se aplica a todas las páginas. Una auditoría manual añade los problemas que la automatización no ve y ordena todo por impacto. Solicite una auditoría y un plan de corrección.
¿Almacenan mis datos o el contenido de mi sitio?
El informe se conserva durante una hora para poder enviárselo y después se elimina. Sus datos de contacto nos llegan solo si envía un formulario. Nuestro rastreador se identifica como YuSMP-AccessibilityScan.
Continuar
- Guía de WCAG 2.2 para aplicaciones webQué cambió en WCAG 2.2, cómo la usa la EAA y cómo probarla.
- Análisis de usabilidad webBotones, formularios y diseño móvil desde el punto de vista del visitante.
- ¿Se prepara también para el Reglamento de IA de la UE?Clasifique su sistema de IA por nivel de riesgo en pocos minutos.
- Desarrollo de aplicaciones webAplicaciones web accesibles creadas por ingenieros de YuSMP.