Informe Detallado
¿Qué es la página de Informe Detallado?
La página de Informe Detallado muestra todos los detalles de un único escaneo de accesibilidad. Aquí puedes ver todos los problemas encontrados en la página, estadísticas, recomendaciones sobre cómo solucionarlos e información técnica para desarrolladores.
¿Cómo acceder?
Puedes acceder a un informe detallado de varias maneras:
- Desde la página Escaneos: haz clic en el botón "Ver informe" junto a un escaneo completado
- Desde la página Mapa del sitio: haz clic en el botón "Ver informe" junto a una URL escaneada
- Desde la página Problemas: haz clic en un problema para ver el informe del escaneo asociado
Información del Escaneo
En la parte superior del informe verás tres piezas principales de información:
URL Analizada
La dirección completa de la página que se escaneó. Puedes hacer clic en este enlace para abrir la página en tu navegador.
Fecha del Escaneo
La fecha y hora en que se realizó el escaneo. Esto te ayuda a entender cuándo se detectaron los problemas.
Problemas Totales
El número total de problemas encontrados en la página. Incluye todos los tipos: críticos, advertencias e información.
Estadísticas de Severidad
Esta sección muestra cómo se distribuyen los problemas según su severidad:
Críticos
El número de problemas críticos encontrados. Estos son los problemas más graves que impiden o dificultan mucho el acceso al contenido para usuarios con discapacidades. Deben solucionarse como prioridad.
Advertencias
El número de problemas de advertencia encontrados. Estos problemas reducen la usabilidad pero no impiden completamente el acceso. Es recomendable solucionarlos para mejorar la experiencia del usuario.
Información
El número de sugerencias informativas encontradas. Estos son consejos para mejorar la accesibilidad que no son críticos pero pueden hacer que el sitio sea aún más accesible.
Cumplimiento WCAG
Esta sección muestra cuántos problemas violan los diferentes niveles de estándares WCAG:
Nivel A
El número de problemas que violan WCAG Nivel A. El Nivel A es el nivel básico de accesibilidad e incluye requisitos fundamentales.
Nivel AA
El número de problemas que violan WCAG Nivel AA. El Nivel AA es el nivel estándar recomendado para la mayoría de sitios web y el requerido para el cumplimiento EAA.
Nota: Un problema puede violar ambos niveles, por lo que los números pueden superponerse.
Detalles del Problema
Esta es la sección principal del informe, donde ves todos los problemas encontrados organizados claramente.
Organización de Problemas
Los problemas están organizados en este orden:
- Problemas Críticos - Primero
- Advertencias - Después de los críticos
- Información - Al final
Dentro de cada sección, los problemas están agrupados por tipo. Por ejemplo, todos los problemas relacionados con imágenes están agrupados juntos.
Información para Cada Problema
Para cada problema verás:
Descripción del Problema
Una descripción clara de qué es el problema y por qué es importante. Esta descripción te ayuda a entender qué necesita solucionarse.
Severidad
Un badge de color que indica la severidad del problema:
- Crítico: Rojo - Requiere atención inmediata
- Advertencia: Amarillo/Naranja - Recomendable solucionar
- Información: Azul - Sugerencia para mejoras
Nivel WCAG
Un badge que indica qué nivel WCAG se viola (A o AA).
Recomendación
Una explicación detallada de cómo solucionar el problema. Esta es la parte más importante porque te dice exactamente qué hacer.
Referencias
Dos referencias importantes:
- WCAG: La referencia a los estándares WCAG que este problema viola
- EAA: La referencia a los estándares EAA (European Accessibility Act) que este problema viola
Estas referencias son útiles si necesitas documentar el cumplimiento o si quieres aprender más sobre los estándares.
Detalles Técnicos
Información técnica para desarrolladores:
-
Selector: El selector CSS que identifica el elemento problemático en la página. Esto ayuda a los desarrolladores a encontrar exactamente dónde está el problema en el código.
-
HTML: El código HTML del elemento problemático. Esto muestra exactamente cómo está estructurado el elemento y ayuda a entender qué modificar.
Nota: No todos los problemas tienen código HTML, depende del tipo de problema.
Cuando No Hay Problemas
Si la página no tiene problemas de accesibilidad, verás un mensaje de felicitación con un icono de marca de verificación verde. ¡Esto significa que la página es accesible y respeta los estándares!
Funciones Disponibles
Re-Escanear (Nuevo Escaneo)
El botón "Escanear" en la parte superior te permite realizar un nuevo escaneo de la misma página. Esto es útil si:
- Has solucionado algunos problemas y quieres verificar las mejoras
- Quieres actualizar el informe con los datos más recientes
- La página ha sido modificada y quieres ver si hay nuevos problemas
Nota: Esta función solo está disponible para usuarios Pro y Enterprise.
Cuando haces clic en "Escanear", se inicia un nuevo escaneo. Al completarse, serás llevado automáticamente al nuevo informe.
Volver a Escaneos
El botón con la flecha hacia atrás (←) en la parte superior izquierda te lleva a la página de Escaneos, donde puedes ver todos los escaneos realizados.
Impresión del Informe
El informe está optimizado para impresión. Puedes:
- Usar la función de impresión del navegador (Ctrl+P o Cmd+P)
- Guardar como PDF desde la ventana de impresión
- Compartir el informe impreso con tu equipo
Al imprimir, los elementos innecesarios (como botones de navegación) se ocultan automáticamente para una mejor legibilidad.
Cómo Usar el Informe
Aquí tienes un flujo de trabajo recomendado para usar el informe:
-
Comienza con problemas críticos: Estos son los más importantes y deben solucionarse primero.
-
Lee las recomendaciones: Cada problema tiene una recomendación que explica cómo solucionarlo. Sigue estas pautas.
-
Usa los detalles técnicos: Si eres desarrollador, usa el selector y HTML para encontrar exactamente dónde está el problema en el código.
-
Consulta las referencias: Si necesitas aprender más, consulta las referencias WCAG y EAA.
-
Soluciona los problemas: Modifica el código de la página para solucionar los problemas.
-
Ejecuta un nuevo escaneo: Después de solucionar los problemas, ejecuta un nuevo escaneo para verificar que se han resuelto correctamente.
-
Repite para advertencias: Una vez que se solucionen los problemas críticos, pasa a las advertencias y luego a la información.
Consejos Útiles
-
Enfócate en críticos: Los problemas críticos tienen la mayor prioridad. Soluciónalos primero.
-
Usa agrupaciones: Los problemas agrupados por tipo te ayudan a solucionar problemas similares todos juntos, lo cual es más eficiente.
-
Guarda el informe: Si necesitas compartir el informe con otros o guardarlo como referencia, usa la función de impresión para guardarlo como PDF.
-
Documenta mejoras: Ejecuta escaneos regulares y compara informes para ver mejoras con el tiempo.
-
Comparte con el equipo: Los informes son perfectos para compartir con desarrolladores, diseñadores y partes interesadas para mostrar qué necesita solucionarse.
-
Usa referencias: Las referencias WCAG y EAA son útiles si necesitas documentar el cumplimiento o si quieres aprender más sobre los estándares.
Permisos Requeridos
Algunas funciones requieren cuentas específicas:
- Ver informes: Todos los usuarios (Demo, Pro, Enterprise) pueden ver informes
- Re-escanear: Solo Pro y Enterprise pueden realizar nuevos escaneos desde la página del informe
Los usuarios Demo pueden ver todos los informes pero no pueden realizar nuevos escaneos.
Cuando el Informe No Existe
Si intentas acceder a un informe que no existe o ha sido eliminado, verás un mensaje informándote que el informe no se encontró. Puedes hacer clic en el botón "Volver a escaneos" para regresar a la lista de escaneos.
Información del Pie de Página
En la parte inferior del informe verás:
- La fecha de generación del informe
- Un enlace para más información sobre el cumplimiento EAA
Esta información es útil para documentar cuándo se generó el informe y para encontrar recursos adicionales.