UPSA25261.1.1-C
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.1_Texto_Alternativo/1.1.1-C
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://www.brandia.com/
2.1.2. Código HTML:
Explicación del problema detectado:
En la página se utiliza una imagen incluida mediante hojas de estilo CSS como background-image para mostrar sellos y certificaciones oficiales relacionados con la sostenibilidad del producto. Esta imagen no es meramente decorativa, ya que aporta información relevante al contenido, como la obtención de certificaciones específicas.
Al estar incorporada desde CSS, la imagen no dispone de texto alternativo ni de un equivalente textual accesible que describa su contenido. Como consecuencia, la información visual transmitida por la imagen no es percibida por las tecnologías de asistencia, incumpliendo el criterio 1.1.1-C.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Este problema afecta principalmente a personas con discapacidad visual total que utilizan lectores de pantalla o líneas braille para acceder a la información.
La barrera generada consiste en la pérdida de información relevante, ya que estas personas no reciben ningún aviso sobre la presencia de los sellos o certificaciones mostrados visualmente.
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://www.transportes.gob.es/transporte_terrestre/verano-joven
2.2.2 Código HTML:
Explicación de la solución aplicada:
En la página se emplean imágenes incluidas desde hojas de estilo CSS con una función exclusivamente decorativa, como iconos o elementos gráficos de refuerzo visual. Estas imágenes no aportan información adicional al contenido, ya que todo el mensaje relevante se presenta de forma textual en el HTML.
