2526UdL4.1.2-A-000

De WCAG Wiki
Revisión del 15:14 13 feb 2026 de 202526UdL19 (discusión | contribs.) (Página creada con «{{ActividadWCAG |id_criterio=4.1.2 - Nombre - función - valor (Nivel: A) |id_subcriterio=4.1.2-A |id_universidad=UdL |curso_academico=2025-26 |enlace=https://wikiwcag.udl.cat/Principio_4/4.1_Compatible/4.1.2-A |noa_barrera_evidencia_img=2025 26 UdL 4.1.2-A NOA.png |noa_barrera_evidencia_url=https://www.chunichicomics.com/ |noa_barrera_explicacion=En esta página hay elementos interactivos que no tienen etiquetas o nombres descriptivos correctos en el código HTML. Po…»)
(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: 4.1.2 - Nombre - función - valor (Nivel: A)
Título del subcriterio: 4.1.2-A
Universidad participante: UdL
Curso académico: 2025-26

Enlace directo a la página del subcriterio en la wiki https://wikiwcag.udl.cat/Principio_4/4.1_Compatible/4.1.2-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://www.chunichicomics.com/

2.1.2. Código HTML:

<thead><th scope="col" id="c_A2"...



Explicación del problema detectado:
En esta página hay elementos interactivos que no tienen etiquetas o nombres descriptivos correctos en el código HTML. Por ejemplo, puede haber botones que visualmente muestran un icono pero que en el código no tienen un atributo "aria-label" o texto alternativo que describa su función. Los lectores de pantalla solo pueden leer lo que está en el código, así que si un botón solo tiene un icono visual sin descripción, el lector dirá algo como "botón" sin explicar qué hace ese botón.

Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Este problema afecta principalmente a usuarios ciegos que dependen de lectores de pantalla. Si los elementos interactivos no tienen nombres descriptivos, estos usuarios no saben qué función tiene cada botón o enlace, lo que hace la navegación confusa o imposible. También afecta a personas con discapacidades motoras que usan software de reconocimiento de voz, ya que necesitan saber el nombre del elemento para poder activarlo con comandos de voz.


2.2. Ejemplo Accesible

2.2.1. Evidencia de imagen:
a) Imagen

b) Enlace de donde se ha obtenido la imagen:
https://www.w3.org/


2.2.2 Código HTML:

No se ha proporcionado código.



Explicación de la solución aplicada:
Esta página es un muy buen ejemplo porque todos sus elementos interactivos tienen nombres, funciones y valores claramente identificados en el código. Los botones tienen etiquetas descriptivas (usando "aria-label" o texto visible), los enlaces indican claramente a dónde llevan, y los campos de formulario tienen etiquetas asociadas correctamente con <label>. Esto permite a los usuarios entender completamente la interfaz y navegar con confianza.






1 de enero de 20261 de octubre de 2025