2526UPSA3.2.4-A-000

De WCAG Wiki
Revisión del 15:01 14 ene 2026 de 202526UPSA24 (discusión | contribs.) (Se presentan dos ejemplos de elementos con la misma funcionalidad en distintas páginas de un sitio web. En el ejemplo no accesible, los controles se identifican de forma diferente, lo que genera confusión y falta de predictibilidad. En el ejemplo accesible, los elementos mantienen una identificación coherente en todo el sitio, facilitando su reconocimiento y uso conforme al criterio 3.2.4-A.)
(difs.) ← Revisión anterior | Revisión actual (difs.) | Revisión siguiente → (difs.)

Edición de la página como formulario

1. Información básica

Id del criterio: 3.2.4 - Identificación consistente (Nivel: AA)
Título del subcriterio: 3.2.4-A
Universidad participante: UPSA
Curso académico: 2025-26

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



2. Ejemplos prácticos

2.1. Ejemplo NO accesible

2.1.1. Evidencia en imagen y enlace:
a) Imagen
No se ha subido ninguna imagen.

b) Enlace de donde se ha obtenido la imagen:
No se ha indicado ningún enlace.

2.1.2. Código HTML:

<!-- Página A --> <button aria-label="Buscar">Buscar</button> <!-- Página B --> <button aria-label="Explorar">Explorar</button>



Explicación del problema detectado:
Los botones realizan la misma funcionalidad dentro del sitio web, pero se identifican de forma diferente mediante textos y nombres accesibles distintos (“Buscar” y “Explorar”). Esta falta de consistencia incumple el criterio 3.2.4-A, ya que los elementos con la misma función no mantienen una identificación coherente a lo largo de las páginas.

Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Las personas con discapacidad cognitiva y las personas usuarias de lectores de pantalla se ven afectadas, ya que la identificación inconsistente de elementos que cumplen la misma función genera confusión, reduce la predictibilidad de la interfaz y dificulta el reconocimiento y uso eficiente de los controles.


2.2. Ejemplo Accesible

2.2.1. Evidencia de imagen:
a) Imagen
No se ha subido ninguna imagen.
b) Enlace de donde se ha obtenido la imagen:
No se ha indicado ningún enlace.


2.2.2 Código HTML:

<!-- Página A --> <button aria-label="Buscar">Buscar</button> <!-- Página B --> <button aria-label="Buscar">Buscar</button>



Explicación de la solución aplicada:
En este ejemplo, los elementos que realizan la misma función se identifican de forma consistente en todas las páginas del sitio, utilizando el mismo texto visible y el mismo nombre accesible. Esto mejora la comprensión, el reconocimiento y la predictibilidad de la interfaz, cumpliendo el criterio 3.2.4-A de identificación coherente.