Punto de partida. Actividad «Auditoría y mejora de accesibilidad», sesión 1 de 4. Abre los materiales enlazados y crea el registro de la unidad. 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 accesibilidad permite que personas con capacidades y formas de interacción distintas utilicen el producto. El foco indica qué elemento recibe el teclado; debe verse y moverse en un orden comprensible. Un control que solo responde al ratón puede impedir completar una compra.
Trabajaremos con la rama barreras de PixelStore, preparada para esta actividad. No es la continuación automática de la versión optimizada: conserva tu trabajo de UD3 y abre esta copia separada. Así las mediciones y correcciones de una actividad no se pierden al comenzar otra.
Se trabaja
45 minutos · trabajo guiado sobre la actividad
- Sigue el apartado de accesibilidad de la guía para obtener una copia
pixelstore-a11yde la ramabarreras. Arráncala en el puerto 8081 y abre su URL. No cambies de rama sobre modificaciones sin guardar de UD3. - Recorre menú, productos, carrito y formulario con ratón para reconocer el servicio. Escribe qué resultado debería poder conseguir también una persona que usa teclado.
- Aparta el ratón y repite con Tab, Shift+Tab, Enter, Espacio y Escape. Registra dónde se pierde el foco, no se alcanza un control o no se puede cerrar un diálogo.
- Anota al menos dos barreras con paso exacto, resultado esperado, resultado observado y usuario afectado. Una captura ayuda, pero no sustituye describir la secuencia de teclas.
- Revisa una imagen informativa y un mensaje de error. Explica qué información se pierde si no se ve la imagen o no se distingue el color. Guarda la evidencia inicial antes de corregir.
Cierre
5 minutos · comprobar el resultado
Al terminar la sesión:
Hay barreras reproducibles y una explicación de su impacto. No se pide utilizar un lector de pantalla sin haber mostrado antes cómo hacerlo.