2526UPSA3.2.1-A-000

De WCAG Wiki

Edición de la página como formulario

1. Información básica

Id del criterio: 3.2.1 - Al recibir el foco (Nivel: A)
Título del subcriterio: 3.2.1-A
Universidad participante: UPSA
Curso académico: 2025-26

Enlace directo a la página del subcriterio en la wiki https://wikiwcag.udl.cat/Principio_3/3.2_Predecible/3.2.1-A


2. Ejemplos prácticos

2.1. Ejemplo NO accesible

2.1.1. Evidencia en imagen y enlace:
a) Imagen

b) Enlace de donde se ha obtenido la imagen:
https://es.aliexpress.com/

2.1.2. Código HTML:

<input class="search--keyword--15P08Ji" type="text" placeholder="tp link tl pa4010 kit plc powerline red eléctrica av600" autocomplete="off" maxlength="50" id="search-words" name="searchWords" value="">



Explicación del problema detectado:
Al navegar con la tecla Tab y situar el foco en el buscador, se despliega automáticamente un panel extenso de "Búsquedas recientes" y "Suministros de oficina" que cubre parte del contenido principal.

Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Las personas mas afectadas son usuarios de lectores de pantalla, con discapacidades motoras o con discapacidades cognitivas o de aprendizaje, ya que esto les crea pérdida de control, desorientación espacial, dificultad de navegación o acciones no deseadas.

2.2. Ejemplo Accesible

2.2.1. Evidencia de imagen:
a) Imagen

b) Enlace de donde se ha obtenido la imagen:
https://elpais.com/


2.2.2 Código HTML:

<a class="ep_e _db" href="https://elpais.com" data-dtm-region="header_areausuario" data-mrf-link="https://elpais.com/" cmp-ltrk="header_areausuario" cmp-ltrk-idx="0" mrfobservableid="caf92753-4a12-4b01-890a-870e09481902"> <img src="https://static.elpais.com/dist/resources/images/logos/primary/el-pais.svg" class="ep_i" alt="EL PAÍS" width="147" height="34"><img src="https://static.elpais.com/dist/resources/images/logos/primary/el-pais-slogan-esp.svg" class="ep_sl _dn" alt="El periódico global" width="127" height="12"> </a>



Explicación de la solución aplicada:
El País mantiene el comportamiento estándar del navegador. El código está diseñado para que el evento con foco solo active un indicador visual, un recuadro, pero no dispara eventos automáticos como la apertura de submenús o ventanas emergentes.





Obtenido de «https://wikiwcag.udl.cat/index.php?title=2526UPSA3.2.1-A-000&oldid=3955»