Punto de partida. Actividad «Auditoría y mejora de accesibilidad», sesión 4 de 4. Abre el avance de la sesión anterior; los pasos de hoy indican qué conservar y qué completar. La guía de arranque permite preparar las herramientas sin depender de otros módulos.
Se explica
10 minutos · contexto, explicación y ejemplo
La corrección termina cuando la persona puede realizar la tarea y la información necesaria llega también a las tecnologías de apoyo. Un formulario necesita etiquetas asociadas y errores comprensibles; el foco debe verse; una imagen informativa necesita una alternativa útil. No todo se resuelve cambiando colores o añadiendo atributos.
Repetiremos las pruebas sobre los mismos elementos y pediremos otra revisión. El resultado demuestra mejoras concretas; no permite afirmar cumplimiento total de todas las pautas si no se ha realizado esa evaluación completa.
Consultar ejemplos y conceptos de esta sesión
Las correcciones habituales
Navegación por teclado. Un div con onclick pasa a ser un button, y con él llegan gratis el foco, la activación con Enter y Espacio, y el anuncio correcto en un lector de pantalla.
El foco. No lo elimines sin sustituirlo:
button:focus-visible {
outline: 3px solid;
outline-offset: 3px;
}Lo importante no es copiar ese CSS: es que el usuario pueda ver dónde está.
Formularios. Cada campo con su label asociado mediante for e id. Los errores se declaran así:
Antes
«Error.»
Después
«Introduce un correo electrónico válido.»
Imágenes. Tres preguntas: si es informativa, necesita una alternativa útil; si es decorativa, alt=""; si contiene información compleja, probablemente esa información deba estar también en el contenido de la página.
Color y contraste. Que se lea en condiciones distintas, y que el color nunca sea el único portador de un estado: acompañadlo siempre de texto o de un icono con su propio significado.
Se trabaja
45 minutos · trabajo guiado sobre la actividad
- Abre la matriz priorizada y completa las correcciones pendientes que puedan verificarse en el tiempo disponible. Identifica por separado lo corregido y lo pendiente.
- Repite navegación, formulario, diálogo y comprobación de nombre/rol/estado. Si cambiaste una etiqueta o estilo, verifica también que no se rompió una función anterior.
- Ejecuta de nuevo las herramientas con las mismas condiciones. Para cada barrera completa antes, cambio y después; una mejora global de puntuación no sustituye esta fila.
- Intercambia el ordenador con otra pareja y pídele un recorrido definido sin explicaciones. Registra dónde necesita ayuda y corrige o documenta el problema observado.
- Entrega proyecto y matriz resumida en diagnóstico y mejoras, con enlaces a las pruebas. Cada integrante explica una corrección. Describe el alcance revisado y evita declarar que toda la web es accesible por haber pasado una herramienta.
Cierre
5 minutos · comprobar el resultado
Al terminar la sesión:
Se evalúa barrera → impacto → corrección → comprobación. No se vuelve a evaluar el ahorro de transferencia de UD3 como si fuera esta actividad.