Diferencia entre revisiones de «2526UdL2.4.11-A-001»
Ejemplo accesible y no accesible del criterio 2.4.11A |
Sin resumen de edición |
||
| Línea 1: | Línea 1: | ||
{{ActividadWCAG | {{ActividadWCAG | ||
|id_criterio=2.4.11 - Foco no oculto (mínimo) (Nivel: AA) | |id_criterio=2.4.11 - Foco no oculto (mínimo) (Nivel: AA) | ||
|id_subcriterio= | |id_subcriterio=2.4.11-A | ||
|id_universidad=UdL | |id_universidad=UdL | ||
|curso_academico=2025-26 | |curso_academico=2025-26 | ||
Revisión actual - 11:54 8 ene 2026
Edición de la página como formulario
1. Información básica
Enlace directo a la página del subcriterio en la wiki https://wikiwcag.udl.cat/Principio_2/2.4_Navegable/2.4.11-A
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://companiafantastica.com/
2.1.2. Código HTML:
Explicación del problema detectado:
Al acceder a la página de "Compañía fantástica", se abre una pop-up "Sucríbete" que tapa el foco por debajo, ya que oculta totalmente el foco por debajo de la pop-up. Además, al navegar con el teclado, se abre el buscador por encima de la pop-up. El buscador, por su parte, tapa el foco tanto de la pop-up que está de debajo ("Suscríbete"), como los focos por debajo de la pop-up "Suscríbete".
La imagen muestra una captura con el buscador abierto y la pop-up abierta.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Discapacidad motriz: al esconderse el foco debajo de la pop-up y el buscador, pueden perder el control y la orientación. Esto supone una barrera grave a la hora de navegar.
Baja visión: Las personas con baja visión, pierden totalmente la referencia visual, no ven dónde están dentro de la página y no pueden saber qué enlace, botón o campo está activo. Esto puede generar desorientación y bloqueo. Además, al hacer zoom a 200% o usar magnificadores, la pop-up cubre todo el espacio lo que aumenta el desconcierto y desorientación cuando al navegar con teclado, los elementos ocultos cogen el foco.
Cognitiva: la ocultación del foco rompe la relación acción-resultado esencial para la comprensión ya que al pulsar "tab", el foco cambia, pero no se ve. Esto puede generar confusión y ansiedad y forzar el abandono. Puede generar una carga cognitiva y errores innecesarios. Barrera moderada
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://www.antena3.com/
2.2.2 Código HTML:
Explicación de la solución aplicada:
Al entrar en la página web de "Antena 3", se abre una pop-up que no oculta el foco por debajo. El tabulador solo se mueve dentro de la pop-up, por lo que no oculta el foco por debajo.
