Aquí es donde te enseño mis proyectos de accesibilidad. Espero que disfrutes
Auditoría del Portal Web Oficial, Tienda Online y Plataforma de Socios
Metodología: WCAG 2.2 (Nivel A/AA)
Auditora: Wiktoria Belz
Enfoque: Prueba manual con VoiceOver y revisión de diseño hover (UI)
Este documento es una muestra de mi pasión por la accesibilidad web y mi análisis proactivo de la plataforma del Club Atlético de Madrid. He seleccionado los hallazgos más críticos para mostrar cómo pequeños cambios de diseño y estructura pueden abrir la experiencia del club a miles de aficionados más.
Tras una evaluación mediante navegación interactiva por teclado y lector de pantallas VoiceOver, se han detectado barreras críticas en el flujo principal de usuarios (Menú de navegación, Alta de socios, E-commerce y Contenido Multimedia).Según estudios globales de impacto, las barreras de accesibilidad pueden provocar la pérdida de hasta un 15/16%
Severidad: CRÍTICA
WCAG 2.1.1 Teclado (A) / WCAG 2.1.2 Sin trampas de teclado (A)
Observado: Al situar el foco sobre el header y llegar al menú hamburguesa e intentar navegarlo sin ratón, el sistema no salta al contenido principal sino que sigue poniendo foco al interior del menú hamburguesa sin seleccionarlo, es decir, el foco se pierde. El lector de pantallas continúa leyendo el contenido del menú no seleccionado de manera lineal sin saltar al contenido principal. Además, es imposible salir de este menú o cerrarlo utilizando comandos de teclado estándar (como la tecla Esc); para salir tienes que retroceder hasta el menú hamburguesa.
Propuesta para solución:
Mientras el menú hamburguesa no haya sido activado, todo su contenido interno, ya sean enlaces, botones, imágenes, debe ser completamente invisible tanto para el teclado como para el lector de pantallas. Al pulsar la tecla Tab en el botón del menú, el selector debe saltar directamente al siguiente elemento visible del encabezado o al contenido principal de la página, sin "colarse" por detrás.