Página de Cumplimiento
¿Qué es la Página de Cumplimiento?
La página de Cumplimiento es donde puedes ver en detalle qué tan bien tu sitio web cumple con los estándares de accesibilidad EAA (European Accessibility Act) y WCAG 2.1. Te muestra puntuaciones, estadísticas detalladas y sugerencias para mejorar la accesibilidad de tu sitio.
Lo que encontrarás en la Página de Cumplimiento
La página está organizada en varias secciones que te ayudan a entender el estado de cumplimiento de tu sitio:
- Puntuación General - La puntuación de cumplimiento general de tu sitio
- Niveles WCAG - Análisis detallado para los niveles A y AA
- Distribución de Problemas - Cómo se distribuyen los problemas por severidad
- Cumplimiento EAA - Requisitos EAA y estado de cumplimiento
- Acciones Prioritarias - Qué hacer para mejorar
- Controles de Escaneo - Lista completa de verificaciones realizadas
Puntuación General
En la parte superior de la página verás un círculo grande con la puntuación de cumplimiento general de tu sitio.
Cómo leer la puntuación
La puntuación es un porcentaje del 0 al 100%:
- 90-100%: Excelente - Tu sitio es muy accesible
- 80-89%: Bueno - El sitio es accesible, con pequeño margen de mejora
- 60-79%: Suficiente - El sitio tiene varios problemas que solucionar
- Por debajo del 60%: Crítico - Muchos problemas que solucionar urgentemente
El color del círculo cambia según la puntuación:
- Verde: Excelente o Bueno
- Azul: Suficiente
- Amarillo: Suficiente (bajo)
- Rojo: Crítico
Debajo de la puntuación también verás:
- El nivel de cumplimiento (Excelente, Bueno, Suficiente, Crítico)
- Cuántos problemas se encontraron en total
- En cuántas páginas se basa el cálculo
Niveles WCAG
WCAG (Web Content Accessibility Guidelines) tiene dos niveles principales que se analizan:
Nivel A
El Nivel A es el nivel básico de accesibilidad. Incluye los requisitos fundamentales que todos los sitios deben cumplir.
Lo que verás:
- Puntuación: El porcentaje de cumplimiento del Nivel A
- Problemas totales: Cuántos problemas de Nivel A se encontraron
- Problemas críticos: Cuántos problemas críticos de Nivel A hay
- Nivel de cumplimiento: Excelente, Bueno, Suficiente o Crítico
Nivel AA
El Nivel AA es el nivel estándar requerido por la ley EAA. Incluye requisitos más avanzados para asegurar mejor accesibilidad.
Lo que verás:
- Puntuación: El porcentaje de cumplimiento del Nivel AA
- Problemas totales: Cuántos problemas de Nivel AA se encontraron
- Problemas críticos: Cuántos problemas críticos de Nivel AA hay
- Nivel de cumplimiento: Excelente, Bueno, Suficiente o Crítico
Importante: Para cumplir con la ley EAA, tu sitio debe cumplir al menos el Nivel AA.
Distribución de Problemas por Severidad
Esta sección te muestra cómo se distribuyen los problemas encontrados en tu sitio, divididos por severidad.
Problemas Críticos (Rojo)
Los problemas críticos son aquellos que impiden o dificultan mucho el acceso al contenido para usuarios con discapacidades.
Ejemplos:
- Imágenes sin texto alternativo
- Enlaces sin texto
- Formularios sin etiquetas
- Contenido que parpadea demasiado rápido
Qué hacer: Soluciona estos problemas lo antes posible, son los más importantes.
Problemas de Advertencia (Amarillo)
Los problemas de advertencia son aquellos que dificultan el uso del sitio pero no lo bloquean completamente.
Ejemplos:
- Textos alternativos demasiado largos
- Enlaces con texto genérico ("haz clic aquí")
- Enlaces que se abren en nuevas ventanas sin advertencia
- Campos requeridos no claramente marcados
Qué hacer: Soluciona estos problemas cuando sea posible para mejorar la experiencia del usuario.
Problemas de Información (Azul)
Los problemas de información son sugerencias y mejores prácticas que pueden mejorar la accesibilidad.
Ejemplos:
- Imágenes decorativas que podrían marcarse como decorativas
- Sugerencias para mejorar la estructura de la página
- Consejos para optimizar la navegación
Qué hacer: Estas son sugerencias útiles pero no urgentes. Puedes solucionarlas cuando tengas tiempo.
Cumplimiento EAA
EAA (European Accessibility Act) es la ley europea que requiere que todos los sitios web sean accesibles a partir de 2025.
Requisitos EAA
EAA se basa en cuatro principios fundamentales:
- Perceptibilidad: La información debe presentarse para que los usuarios puedan percibirla
- Operabilidad: Los componentes de la interfaz deben ser utilizables por todos
- Comprensibilidad: La información y el uso de la interfaz deben ser comprensibles
- Robustez: El contenido debe ser lo suficientemente robusto para funcionar con varias tecnologías de asistencia
Estado de Cumplimiento
En esta sección verás:
- Páginas Cumplidoras: Cuántas páginas cumplen con los requisitos EAA (sin problemas críticos)
- Porcentaje de Cumplimiento: El porcentaje de páginas cumplidoras del total
- Páginas por Solucionar: Cuántas páginas aún tienen problemas críticos que resolver
Objetivo: Tener el 100% de las páginas cumplidoras, es decir, todas las páginas sin problemas críticos.
Acciones Prioritarias
Esta sección te dice qué hacer para mejorar el cumplimiento de tu sitio.
Acciones de Alta Prioridad
Estas son las acciones más importantes a tomar inmediatamente:
Solucionar Problemas Críticos
- Si hay problemas críticos, esta acción te recuerda solucionarlos
- Muestra cuántos problemas críticos aún necesitas solucionar
Mejorar Puntuación
- Si tu puntuación está por debajo del 80%, esta acción sugiere trabajar para mejorarla
- Una puntuación más alta significa un sitio más accesible
Próximos Pasos
Estas son acciones que puedes tomar después de solucionar los problemas prioritarios:
Monitoreo Continuo
- Ejecuta escaneos regulares para monitorear el progreso
- Verifica que el nuevo contenido sea accesible
Capacitación del Equipo
- Asegúrate de que el equipo conozca las mejores prácticas de accesibilidad
- Capacita a los nuevos miembros del equipo sobre las pautas WCAG
Controles de Escaneo
Esta sección muestra todas las verificaciones que Axessibly realiza durante el escaneo de tu sitio. Está dividida en tres partes principales:
Motor EAA Nativo
Este es el motor de escaneo desarrollado específicamente para los requisitos EAA. Verifica:
Controles de Imagen:
- Imágenes sin texto alternativo (crítico)
- Textos alternativos demasiado largos (advertencia)
- Imágenes decorativas no marcadas (info)
Controles de Enlace:
- Enlaces sin texto (crítico)
- Enlaces con texto genérico como "haz clic aquí" (advertencia)
- Enlaces que se abren en nuevas ventanas sin advertencia (advertencia)
Controles de Formulario:
- Campos sin etiquetas (crítico)
- Campos requeridos no marcados (advertencia)
Controles de Encabezado:
- Encabezados vacíos (crítico)
- Saltos de nivel de encabezado (advertencia)
- Más de un H1 por página (advertencia)
Controles ARIA:
- Elementos interactivos sin nombre (crítico)
- Puntos de referencia ARIA faltantes (advertencia)
Controles de Teclado:
- Tabindex negativo (advertencia)
- Tabindex positivo (advertencia)
Motor Axe-core
Este es un motor de escaneo estándar de la industria que verifica:
Controles WCAG:
- Contraste de color (crítico)
- Navegación por teclado (crítico)
- Foco visible (advertencia)
Controles Estructurales:
- Idioma de la página (advertencia)
- Título del documento (advertencia)
- Puntos de referencia principales (advertencia)
Controles EAA Avanzados
Estos son controles adicionales para requisitos EAA específicos:
Controles de Tabla:
- Leyendas faltantes (advertencia)
- Encabezados faltantes (crítico)
- Alcance faltante (advertencia)
Controles de Medios:
- Videos sin controles (crítico)
- Videos con reproducción automática (advertencia)
- Audio sin controles (crítico)
Controles de Estructura de Página:
- Atributo de idioma faltante (crítico)
- Código de idioma inválido (advertencia)
- Título faltante (crítico)
- Meta descripción faltante (info)
Y muchos otros controles para asegurar el máximo cumplimiento.
Sistema de Puntuación
Axessibly calcula las puntuaciones de cumplimiento automáticamente. Así es como funciona:
Severidad del Problema
Los problemas se clasifican en tres niveles:
- Crítico (Rojo): Problemas que violan los requisitos WCAG Nivel A
- Advertencia (Amarillo): Problemas que violan los requisitos WCAG Nivel AA
- Info (Azul): Mejores prácticas y sugerencias
Cálculo de Puntuación
Nivel A: Basado en problemas críticos que violan los requisitos del Nivel A Nivel AA: Basado en problemas de advertencia que violan los requisitos del Nivel AA Total: Cálculo combinado de todos los problemas
La puntuación se calcula considerando:
- Cuántas verificaciones se aprobaron
- Cuántas verificaciones encontraron problemas
- La severidad de los problemas encontrados
Niveles de Cumplimiento EAA
- Excelente: ≥90% - El sitio es muy accesible
- Bueno: ≥80% - El sitio es accesible
- Suficiente: ≥60% - El sitio tiene margen de mejora
- Crítico: <60% - El sitio tiene muchos problemas que solucionar
¿Qué hacer si no ves datos?
Si es la primera vez que accedes a la página de Cumplimiento, podrías ver un mensaje diciendo que no hay datos disponibles.
Qué hacer:
- Ve al Dashboard y escanea tu sitio
- O carga un mapa del sitio e inicia un escaneo por lotes
- Después del escaneo, vuelve a la página de Cumplimiento para ver los resultados
Consejos para usar la Página de Cumplimiento
- Verifica regularmente: Después de cada modificación del sitio, ejecuta un nuevo escaneo para ver mejoras
- Prioridad a problemas críticos: Siempre comienza solucionando problemas críticos, son los más importantes
- Objetivo 100%: El objetivo es tener todas las páginas cumplidoras sin problemas críticos
- Usa acciones prioritarias: Sigue las sugerencias en la sección "Acciones Prioritarias" para saber por dónde empezar
- Consulta controles: La sección "Controles de Escaneo" explica qué se verifica, útil para entender los problemas
Preguntas Frecuentes
¿Cuál es la diferencia entre Nivel A y Nivel AA?
- Nivel A: Requisitos básicos de accesibilidad (mínimo necesario)
- Nivel AA: Requisitos estándar requeridos por la ley EAA (recomendado)
¿Necesito solucionar todos los problemas?
No necesariamente. Siempre comienza con problemas críticos, luego pasa a advertencias y finalmente a sugerencias de información cuando tengas tiempo.
¿Cuánto tiempo toma volverse cumplidor?
Depende de cuántos problemas tengas y la complejidad del sitio. Comienza solucionando problemas críticos, que son los más importantes.
¿Puede mejorar la puntuación?
¡Sí! Cada vez que solucionas un problema y ejecutas un nuevo escaneo, la puntuación mejora. Sigue trabajando en los problemas para alcanzar el 100%.
Conclusión
La página de Cumplimiento es tu herramienta principal para entender qué tan accesible es tu sitio y qué necesitas hacer para mejorarlo. Úsala regularmente para monitorear el progreso y asegurar que tu sitio cumpla con los estándares EAA y WCAG 2.1.