2526UPSA1.3.1-B-000

De WCAG Wiki

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-B
Universidad participante: UPSA
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-B



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.elmundo.es/metropoli/gastronomia/2025/12/01/6929a886fdddff70718b459a.html

2.1.2. Código HTML:

<footer class="site-footer horizontal" role="contentinfo"> <div class="container-list-footer js-toggle-footer"> <div class="js-botonera-toggle arrow-toggle" role="button" aria-expanded="false" aria-controls="webs_ue" onclick="Accordion.click(this, 'arrow-toggle--open', '.arrow-toggle')"> <h3>Otras webs de Unidad Editorial</h3> </div> <section role="region" aria-label="Otras webs de Unidad Editorial" class="js-contenido-toggle container-toggle" id="webs_ue"> ... </section> </div> </footer>



Explicación del problema detectado:

En la página el texto "Otras webs de Unidad Editorial" está marcado como un

pero no funciona como un encabezado real. No introduce ninguna sección Indica a que personas con discapacidad afecta y explicación de las barreras que causa
No se ha incluido explicación.


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/WAI/


2.2.2 Código HTML:

<div class="col1 making-web-accessible-box"> <h3> <svg focusable="false" aria-hidden="true" class="icon-hp-book mwa-icon mwa-icon-book"></svg> W3C </h3> <p>The World Wide Web Consortium (W3C) develops international standards for the Web...</p> </div>



Explicación de la solución aplicada:
No se ha incluido explicación.