Diferencia entre revisiones de «2526UPSA1.3.1-A-000»
Página creada con «{{ActividadWCAG |id_criterio=1.3.1 - Información y relaciones (Nivel: A) |id_subcriterio=1.3.1-A |id_universidad=UPSA |curso_academico=2025-26 }}» |
Sin resumen de edición |
||
| Línea 4: | Línea 4: | ||
|id_universidad=UPSA | |id_universidad=UPSA | ||
|curso_academico=2025-26 | |curso_academico=2025-26 | ||
|enlace=https://wikiwcag.udl.cat/Principio_1/1.3_Adaptable/1.3.1-A | |||
|noa_barrera_evidencia_img=ImagenNoAccesible.png | |||
|noa_barrera_evidencia_url=https://www.upsa.es/ | |||
|noa_barrera_evidencia_html=<nowiki> | |||
<h2 class="mt-0 py-8 pb-0 pt-lg-10 pb-lg-5 b-text u-text-transform-uppercase b-text--2xl b-text--secondary b-text--color-inverted b-text--lg-3xl">ATRÉVETE A DAR EL PRIMER PASO</h2> | |||
<h5 class="mt-8 b-text b-text--lg-font-weight-l b-text--2m b-text--color-inverted">Oferta académica</h5> | |||
</nowiki> | |||
|noa_barrera_explicacion=La página web no contiene ningún h1 y salta directamente de un h2 a un h5. | |||
|noa_barrera_usuarios=Esto hace que las personas que padecen algún tipo de discapacidad visual que les obliga a usar un lector de pantalla no puedan navegar libremente a través de los encabezados ya que estos se encuentran mal colocados. | |||
|acc_barrera_evidencia_url=https://consejodetransparencia.es/inicio | |||
|acc_barrera_evidencia_html=<nowiki> | |||
<h1 class="cmp-title__text dnt-title-default"> | |||
Consejo de Transparencia AAI | |||
</h1> | |||
<h2 class="cmp-title__text dnt-title-default"> | |||
Actualidad | |||
</h2> | |||
</nowiki> | |||
|acc_barrera_explicacion=Esta página es accesible debido a que tiene un h1 principal y el resto son h2 que indican los distintos encabezados. Esta nomenclatura hace que los lectores de pantalla reconozcan los encabezados sin problema. | |||
}} | }} | ||
Revisión del 07:23 12 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-A
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://www.upsa.es/
2.1.2. Código HTML:
<h2 class="mt-0 py-8 pb-0 pt-lg-10 pb-lg-5 b-text u-text-transform-uppercase b-text--2xl b-text--secondary b-text--color-inverted b-text--lg-3xl">ATRÉVETE A DAR EL PRIMER PASO</h2>
<h5 class="mt-8 b-text b-text--lg-font-weight-l b-text--2m b-text--color-inverted">Oferta académica</h5>
Explicación del problema detectado:
La página web no contiene ningún h1 y salta directamente de un h2 a un h5.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Esto hace que las personas que padecen algún tipo de discapacidad visual que les obliga a usar un lector de pantalla no puedan navegar libremente a través de los encabezados ya que estos se encuentran mal colocados.
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:
https://consejodetransparencia.es/inicio
2.2.2 Código HTML:
<h1 class="cmp-title__text dnt-title-default">
Consejo de Transparencia AAI
</h1>
<h2 class="cmp-title__text dnt-title-default">
Actualidad
</h2>
Explicación de la solución aplicada:
Esta página es accesible debido a que tiene un h1 principal y el resto son h2 que indican los distintos encabezados. Esta nomenclatura hace que los lectores de pantalla reconozcan los encabezados sin problema.
