Controles de la interfaz
Un recorrido por todos los controles que ofrece la extensión del A11Y Detector, en el orden en que aparecen: iniciar sesión, lanzar un escaneo, seguirlo mientras se ejecuta y leer el reporte que produce.
Esta página describe la versión de producción de la extensión (0.3.3). Las versiones internas exponen herramientas adicionales que, de forma deliberada, no forman parte del producto.
1. Acceso a la cuenta
Inicio de sesión
| Control | Qué hace |
|---|---|
| Campo Email | Input de texto con icono de sobre y el placeholder your@email.com. El borde se vuelve verde al enfocarlo. |
| Campo Password | Input de contraseña con icono de candado, más un icono de ojo que muestra u oculta el valor. |
| Forgot your password? | Abre el flujo de restablecimiento de contraseña. |
| Login | Botón principal (verde oscuro, ancho completo). Envía las credenciales y valida la sesión. |
| Sign up | "Don't have an account? Sign up" — abre la pantalla de creación de cuenta. |
| Cierre (X) | Cierra el modal de inicio de sesión sin guardar nada. |
Restablecer contraseña
| Control | Qué hace |
|---|---|
| Campo Email | Input de texto con icono de sobre y el placeholder your@email.com. El borde se vuelve verde al enfocarlo. |
| Send reset link | Botón principal (verde oscuro) con icono de flecha. Envía el correo con el enlace de restablecimiento. |
| Back to Login | Botón secundario (contorno, fondo blanco) con flecha izquierda. Vuelve a la pantalla de inicio de sesión. |
| Cierre (X) | Cierra el modal sin enviar el enlace. |
Crear cuenta
| Control | Qué hace |
|---|---|
| Campo Email | Input de texto con icono de sobre y el placeholder your@email.com. El borde se vuelve verde al enfocarlo. |
| Create Account | Botón principal (negro, ancho completo). Registra el correo y envía la contraseña a ese buzón. |
| Cierre (X) | Cierra el modal sin crear la cuenta. |
2. Idioma
| Control | Qué hace |
|---|---|
| Selector de idioma | Cambia la interfaz entre inglés, español y alemán. |
3. Iniciar un escaneo
| Control | Qué hace |
|---|---|
| Banner de cookies | Se muestra al entrar; es obligatorio aceptarlo para continuar. |
| Tipo de scan | Scan estándar. |
| Host (URL objetivo) | Input con la URL a auditar; se rellena automáticamente con la página activa. |
| Icono de eliminar URL | Vacía el input para poder escribir otra URL. |
4. Opciones avanzadas del escaneo
Se configuran antes de iniciar el escaneo.
| Control | Qué hace |
|---|---|
| Tipos de test | Cuatro categorías principales de test, más Hospitality Booking y Flight Booking package. Estos dos últimos se ofrecen como un único test unificado y se seleccionan de forma independiente del resto. |
| Modo de captura | Página completa o una sección concreta. |
| Viewports | Cuatro viewports predefinidas más una personalizable. |
| Consentimiento de cookies | Checkbox que activa o desactiva la gestión del consentimiento durante la ejecución. |
5. Durante el escaneo
| Control | Qué hace |
|---|---|
| Expandir | Icono que varía según el test; abre el detalle de un escaneo que terminó con error. |
| Cancelar | Detiene el escaneo de inmediato, previa confirmación. |
| Modal (X / Cerrar) | Cierra el modal de cancelación sin detener el escaneo. |
6. Al finalizar el escaneo
| Control | Qué hace |
|---|---|
| Expandir | Icono que varía según el test; abre el detalle y la información del resultado. |
| Eliminar | Borra el escaneo y su resultado, previa confirmación. |
| Modal (X / Cerrar) | Cierra el modal de eliminación sin borrar nada. |
| Ver reporte | Abre el reporte vinculado a ese escaneo. |
7. Lista de reportes
| Control | Qué hace |
|---|---|
| Manage | Activa el modo de selección para elegir reportes y eliminarlos. |
| Card de reporte | Muestra una captura de la interfaz escaneada, los tests ejecutados (en tooltip), un icono de siguiente, la URL (en tooltip), la fecha y una card con el resultado de issues. |
8. Dentro de un reporte
| Control | Qué hace |
|---|---|
| Volver atrás | Regresa a la lista de reportes. |
| View Screenshot | Muestra una captura con el elemento afectado resaltado. |
| Copy Listing | Copia al portapapeles el listado completo de issues en texto plano. |
| Copy Reports | Copia un resumen del reporte en formato tabla, listo para pegar en una hoja de cálculo. |
| Filtro Standard | Selecciona la norma o estándar con el que se mide el reporte. |
| Download | Aparece al seleccionar un estándar; descarga el informe en PDF o JSON. |
9. Dentro de un issue
| Control | Qué hace |
|---|---|
| Listado de issues referenciados | Lista los issues relacionados, cada uno con su propio botón Manage. |
| Icono de ojo | Muestra el issue directamente en la interfaz, resaltando el elemento afectado. |
| Descartar | Marca el issue como no procedente. Pide confirmación antes de ejecutarse. |
| Ocurrencias | Cuando el mismo issue aparece en varias ubicaciones, cada ocurrencia se lista por separado con su propio icono de ojo. |
| Next / Previous | Permite desplazarse entre ocurrencias cuando hay más de una. |