2526UdL1.3.1- I-001

De WCAG Wiki
Revisión del 11:07 13 feb 2026 de 202526UdL26 (discusión | contribs.) (Página creada con «{{ActividadWCAG |id_criterio=1.3.1 - Información y relaciones (Nivel: A) |id_subcriterio=1.3.1-L |id_universidad=UdL |curso_academico=2025-26 |enlace=https://wikiwcag.udl.cat/Principio_1/1.3_Adaptable/1.3.1-L |noa_barrera_evidencia_img=2025 26 UdL 1.3.1- I- NOA.png |noa_barrera_evidencia_html=<table width="100%" cellspacing="0" cellpadding="0" role="none" style="border-collapse:collapse; ..."> <tbody> <tr> <td valign="top" style="padding:0;Margin:0">…»)
(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: 1.3.1 - Información y relaciones (Nivel: A)
Título del subcriterio: 1.3.1-L
Universidad participante: UdL
Curso académico: 2025-26

Enlace directo a la página del subcriterio en la wiki https://wikiwcag.udl.cat/Principio_1/1.3_Adaptable/1.3.1-L



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:
No se ha indicado ningún enlace.

2.1.2. Código HTML:

<tbody> </tbody>
<tbody> </tbody>



Explicación del problema detectado:

Al examinar el código, nos damos cuenta de que utilizan tablas de maquetación para representar contenido que no son datos. Aunque el código incluye un role='none' para minimizar el error, el uso de etiquetas como , <tbody>, y
contradice directamente el criterio 1.3.1-L. En este caso, se está forzando una estructura de datos para una función puramente estética que debería realizarse con CSS.

Indica a que personas con discapacidad afecta y explicación de las barreras que causa
El impacto principal recae sobre las personas con discapacidad visual que utilizan lectores de pantalla; casos como estos causan confusión en la navegación, exceso de ruido y pérdida de linealidad.


2.2. Ejemplo Accesible

2.2.1. Evidencia de imagen:
a) Imagen

b) Enlace de donde se ha obtenido la imagen:
https://ajuntament.barcelona.cat/ca/


2.2.2 Código HTML:

<header id="brand" alias="ajuntament-barcelona..." class="v2025 bcnbrand-legacy lang-ca ...">

</header> <a href="#bcn-ajuntament-promocions" class="visually-hidden focusable">Vés al contingut</a>



Explicación de la solución aplicada:

En este ejemplo, la estructura de maquetación de la página reside en el HTML y el diseño en el CSS. En lugar de utilizar , se emplean etiquetas
con diferentes clases para modificar la estética. Esto indica que la disposición de los elementos está controlada por el CSS (probablemente Flexbox o Grid), cumpliendo perfectamente con el criterio 1.3.1, ya que no se introduce información estructural falsa.