2526UPSA1.3.1-A
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
Archivo:Https://wikiwcag.udl.cat/Archivo:EjemploAccesible131.png
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.
