Diferencia entre revisiones de «UPSA25261.1.1-C»
Página creada con «{{ActividadWCAG |id_criterio=1.1.1 - Contenido no textual (Nivel: A) |id_subcriterio=1.1.1-C |id_universidad=UPSA |curso_academico=2025-26 |enlace=https://wikiwcag.udl.cat/Principio_1/1.1_Texto_Alternativo/1.1.1-C |noa_barrera_evidencia_img=2025 26 UPSA 1.1.1-C NOA.png |noa_barrera_evidencia_url=https://www.brandia.com/ |noa_barrera_explicacion=En la página se utiliza una imagen incluida mediante hojas de estilo CSS como background-image para mostrar sellos y certifi…» |
Sin resumen de edición |
||
| Línea 7: | Línea 7: | ||
|noa_barrera_evidencia_img=2025 26 UPSA 1.1.1-C NOA.png | |noa_barrera_evidencia_img=2025 26 UPSA 1.1.1-C NOA.png | ||
|noa_barrera_evidencia_url=https://www.brandia.com/ | |noa_barrera_evidencia_url=https://www.brandia.com/ | ||
|noa_barrera_explicacion=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. | |noa_barrera_explicacion=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. | ||
La imagen incluida desde CSS muestra sellos oficiales de certificación que aportan información relevante, ya que actúan como prueba visual y validación externa del cumplimiento de estándares ambientales. Este contenido no es meramente estético, pues refuerza y valida el mensaje principal. | |||
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. | 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. | ||
Revisión actual - 22:11 19 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.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.
La imagen incluida desde CSS muestra sellos oficiales de certificación que aportan información relevante, ya que actúan como prueba visual y validación externa del cumplimiento de estándares ambientales. Este contenido no es meramente estético, pues refuerza y valida el mensaje principal.
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.
