2526UFV1.3.1-A-001
Edición de la página como formulario
1. Información básica
Enlace directo a la página del subcriterio en la wiki https://wikiwcag.udl.cat/Principio_1/1.3_Adaptable/1.3.1-A
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
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:
<div style="font-size: 28px; font-weight: bold; margin-top: 16px;">
Course Schedule
</div>
<div>
<p>Week 1: Introduction</p>
<p>Week 2: Methods</p>
</div>
Explicación del problema detectado:
The text “Course Schedule” is visually formatted like a heading, but it is not marked up with heading elements. Assistive technologies may not identify it as a section heading, so the structure and relationship between the heading and the content is not programmatically determinable.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Screen reader users often navigate by headings. If headings are not coded correctly, users cannot quickly understand the page structure or jump between sections, increasing effort and confusion.
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:
<h2>Course Schedule</h2>
<ul>
<li>Week 1: Introduction</li>
<li>Week 2: Methods</li>
</ul>
Explicación de la solución aplicada:
“Course Schedule” is coded as a real heading, so assistive technologies can programmatically determine the structure and relationships of the content. This satisfies the requirement for proper headings.
