202526UFV1.3.2-B

De WCAG Wiki

Edición de la página como formulario

1. Información básica

Id del criterio: 1.3.2 - Secuencia significativa (Nivel: A)
Título del subcriterio: 1.3.2-B
Universidad participante: UFV
Curso académico: 2025-26

Enlace directo a la página del subcriterio en la wiki https://www.wikiwcag.udl.cat/index.php/Principio_1/1.3_Adaptable/1.3.2-B



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:

<h2>Step 3: Confirmation</h2> <p>Please check that the data entered is correct.</p> <h2>Step 1: Enter personal data</h2> <p>Fill in your name, email address, and password.</p> <h2>Step 2: Select preferences</h2> <p>Choose your communication options.</p>



Explicación del problema detectado:
The order of the content in HTML code does not follow a logical sequence, as the steps appear out of order. Although they can be visually rearranged, assistive technologies read the content according to the order of the code.

Indica a que personas con discapacidad afecta y explicación de las barreras que causa
People who use screen readers receive the information in the wrong order, which makes it difficult to understand the process and can lead to 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>Step 1: Enter personal data</h2> <p>Fill in your name, email address, and password.</p> <h2>Step 2: Select preferences</h2> <p>Choose your communication options.</p> <h2>Step 3: Confirmation</h2> <p>Please check that the data entered is correct.</p>



Explicación de la solución aplicada:
The content follows a logical sequence both visually and in the order of the HTML code, ensuring that screen readers transmit the information in a coherent and understandable way.