Diferencia entre revisiones de «2526UPSA1.3.1-C-000»
Ejemplos NOA y ACC para 1.3.1-C (UPSA, 2025-26) |
Sin resumen de edición |
||
| Línea 5: | Línea 5: | ||
|curso_academico=2025-26 | |curso_academico=2025-26 | ||
|enlace=https://wikiwcag.udl.cat/Principio_1/1.3_Adaptable/1.3.1-C | |enlace=https://wikiwcag.udl.cat/Principio_1/1.3_Adaptable/1.3.1-C | ||
| | |noa_barrera_evidencia_html=<nowiki> | ||
<h1>Guía para solicitar una beca</h1> | |||
<h3>Requisitos</h3> | <h3>Requisitos</h3> | ||
| Línea 19: | Línea 19: | ||
<h1>Contacto</h1> | <h1>Contacto</h1> | ||
<p>becas@universidad.es</p> | <p>becas@universidad.es</p> | ||
</nowiki> | |||
|noa_barrera_explicacion=La jerarquía de encabezados no es coherente: se salta de h1 a h3, luego aparece un h2 fuera de orden y se usa un segundo h1 como si fuera otro título principal. La estructura de encabezados no refleja la organización lógica del contenido. | |noa_barrera_explicacion=La jerarquía de encabezados no es coherente: se salta de h1 a h3, luego aparece un h2 fuera de orden y se usa un segundo h1 como si fuera otro título principal. La estructura de encabezados no refleja la organización lógica del contenido. | ||
|noa_barrera_usuarios=Afecta sobre todo a usuarios de lector de pantalla y a quienes navegan por la página usando la lista de encabezados (también a personas con dificultades cognitivas que necesitan estructura clara). La barrera es que los títulos no representan bien las secciones reales, se pierde orientación y cuesta encontrar información. | |noa_barrera_usuarios=Afecta sobre todo a usuarios de lector de pantalla y a quienes navegan por la página usando la lista de encabezados (también a personas con dificultades cognitivas que necesitan estructura clara). La barrera es que los títulos no representan bien las secciones reales, se pierde orientación y cuesta encontrar información. | ||
| | |acc_barrera_evidencia_html=<nowiki> | ||
<h1>Guía para solicitar una beca</h1> | |||
<h2>Requisitos</h2> | <h2>Requisitos</h2> | ||
| Línea 38: | Línea 39: | ||
<h2>Contacto</h2> | <h2>Contacto</h2> | ||
<p>becas@universidad.es</p> | <p>becas@universidad.es</p> | ||
</nowiki> | |||
|acc_barrera_explicacion=La estructura es coherente: hay un único h1 y las secciones principales están en h2, con subsecciones en h3 cuando corresponde. La jerarquía refleja la estructura lógica del contenido y se puede navegar correctamente por encabezados. | |acc_barrera_explicacion=La estructura es coherente: hay un único h1 y las secciones principales están en h2, con subsecciones en h3 cuando corresponde. La jerarquía refleja la estructura lógica del contenido y se puede navegar correctamente por encabezados. | ||
}} | }} | ||
Revisión actual - 04:02 16 dic 2025
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-C
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:
<h1>Guía para solicitar una beca</h1>
<h3>Requisitos</h3>
<p>Requisitos generales para solicitar la beca.</p>
<h2>Documentación</h2>
<p>DNI, expediente y carta de motivación.</p>
<h4>Pasos</h4>
<p>Rellenar formulario y enviar.</p>
<h1>Contacto</h1>
<p>becas@universidad.es</p>
Explicación del problema detectado:
La jerarquía de encabezados no es coherente: se salta de h1 a h3, luego aparece un h2 fuera de orden y se usa un segundo h1 como si fuera otro título principal. La estructura de encabezados no refleja la organización lógica del contenido.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Afecta sobre todo a usuarios de lector de pantalla y a quienes navegan por la página usando la lista de encabezados (también a personas con dificultades cognitivas que necesitan estructura clara). La barrera es que los títulos no representan bien las secciones reales, se pierde orientación y cuesta encontrar información.
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:
<h1>Guía para solicitar una beca</h1>
<h2>Requisitos</h2>
<p>Requisitos generales para solicitar la beca.</p>
<h2>Documentación</h2>
<p>DNI, expediente y carta de motivación.</p>
<h2>Pasos del proceso</h2>
<h3>1. Rellenar solicitud</h3>
<p>Completar datos personales.</p>
<h3>2. Enviar</h3>
<p>Revisar y enviar el formulario.</p>
<h2>Contacto</h2>
<p>becas@universidad.es</p>
Explicación de la solución aplicada:
La estructura es coherente: hay un único h1 y las secciones principales están en h2, con subsecciones en h3 cuando corresponde. La jerarquía refleja la estructura lógica del contenido y se puede navegar correctamente por encabezados.
