Diferencia entre revisiones de «2526UdL1.3.1-B-000»
Página creada con «{{ActividadWCAG |id_criterio=1.3.1 - Información y relaciones (Nivel: A) |id_subcriterio=1.3.1-B |id_universidad=UdL |curso_academico=2025-26 |enlace=https://wikiwcag.udl.cat/Principio_1/1.3_Adaptable/1.3.1-B |noa_barrera_evidencia_img=2025 26 UdL 1.3.1-B NOA.png |noa_barrera_evidencia_url=https://www.elmundo.es/ |noa_barrera_explicacion=En esta página web se utilizan estilos visuales para hacer que ciertos textos parezcan títulos o encabezados, pero sin usar las e…» |
Sin resumen de edición |
||
| Línea 7: | Línea 7: | ||
|noa_barrera_evidencia_img=2025 26 UdL 1.3.1-B NOA.png | |noa_barrera_evidencia_img=2025 26 UdL 1.3.1-B NOA.png | ||
|noa_barrera_evidencia_url=https://www.elmundo.es/ | |noa_barrera_evidencia_url=https://www.elmundo.es/ | ||
|noa_barrera_explicacion=En esta página web se utilizan estilos visuales para hacer que ciertos textos parezcan títulos o encabezados, pero sin usar las etiquetas HTML correctas (<h1>, <h2>, etc.). En lugar de usar encabezados semánticamente correctos, utilizan elementos genéricos como <div> o <span> con CSS para darles apariencia de títulos. Esto crea "falsos encabezados" que visualmente se ven como títulos pero que el código no los identifica como tales. | |noa_barrera_explicacion=En esta página web se utilizan estilos visuales (negrita, mayor tamaño de fuente) para hacer que ciertos textos parezcan títulos o encabezados, pero sin usar las etiquetas HTML correctas (<h1>, <h2>, etc.). En lugar de usar encabezados semánticamente correctos, utilizan elementos genéricos como <div> o <span> con CSS para darles apariencia de títulos. Esto crea "falsos encabezados" que visualmente se ven como títulos pero que el código no los identifica como tales. | ||
|noa_barrera_usuarios=Este problema afecta principalmente a personas ciegas o con baja visión que utilizan lectores de pantalla. Estas tecnologías de asistencia se basan en la estructura semántica del HTML para navegar por la página, permitiendo a los usuarios saltar entre encabezados para encontrar rápidamente la información que buscan. Al no usar etiquetas de encabezado reales, los lectores de pantalla no pueden identificar estos "títulos" como puntos de navegación, obligando al usuario a escuchar todo el contenido de forma lineal. Además, las personas con dificultades cognitivas también se ven afectadas porque la falta de estructura clara dificulta la comprensión de la jerarquía y organización del contenido. | |noa_barrera_usuarios=Este problema afecta principalmente a personas ciegas o con baja visión que utilizan lectores de pantalla. Estas tecnologías de asistencia se basan en la estructura semántica del HTML para navegar por la página, permitiendo a los usuarios saltar entre encabezados para encontrar rápidamente la información que buscan. Al no usar etiquetas de encabezado reales, los lectores de pantalla no pueden identificar estos "títulos" como puntos de navegación, obligando al usuario a escuchar todo el contenido de forma lineal. Además, las personas con dificultades cognitivas también se ven afectadas porque la falta de estructura clara dificulta la comprensión de la jerarquía y organización del contenido. | ||
|acc_barrera_evidencia_img=2025 26 UdL 1.3.1-B ACC.png | |acc_barrera_evidencia_img=2025 26 UdL 1.3.1-B ACC.png | ||
Revisión del 14:50 13 feb 2026
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-B
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://www.elmundo.es/
2.1.2. Código HTML:
Explicación del problema detectado:
,
, etc.). En lugar de usar encabezados semánticamente correctos, utilizan elementos genéricos como o con CSS para darles apariencia de títulos. Esto crea "falsos encabezados" que visualmente se ven como títulos pero que el código no los identifica como tales.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Este problema afecta principalmente a personas ciegas o con baja visión que utilizan lectores de pantalla. Estas tecnologías de asistencia se basan en la estructura semántica del HTML para navegar por la página, permitiendo a los usuarios saltar entre encabezados para encontrar rápidamente la información que buscan. Al no usar etiquetas de encabezado reales, los lectores de pantalla no pueden identificar estos "títulos" como puntos de navegación, obligando al usuario a escuchar todo el contenido de forma lineal. Además, las personas con dificultades cognitivas también se ven afectadas porque la falta de estructura clara dificulta la comprensión de la jerarquía y organización del contenido.
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://es.wikipedia.org/wiki/Stray_Kids
2.2.2 Código HTML:
No se ha proporcionado código.
Explicación de la solución aplicada:
Esta página es un buen ejemplo de uso correcto de encabezados porque utiliza la jerarquía HTML adecuada. El título principal de la página usa , las secciones principales usan
, y las subsecciones usan
,
, etc., siguiendo una estructura lógica y ordenada. Esto permite que los lectores de pantalla puedan navegar fácilmente entre secciones, y cualquier usuario puede entender rápidamente la organización del contenido. Además, no hay saltos en la jerarquía (por ejemplo, pasar de h2 a h4 sin h3) lo que mantiene la coherencia estructural del documento.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Este problema afecta principalmente a personas ciegas o con baja visión que utilizan lectores de pantalla. Estas tecnologías de asistencia se basan en la estructura semántica del HTML para navegar por la página, permitiendo a los usuarios saltar entre encabezados para encontrar rápidamente la información que buscan. Al no usar etiquetas de encabezado reales, los lectores de pantalla no pueden identificar estos "títulos" como puntos de navegación, obligando al usuario a escuchar todo el contenido de forma lineal. Además, las personas con dificultades cognitivas también se ven afectadas porque la falta de estructura clara dificulta la comprensión de la jerarquía y organización del contenido.
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://es.wikipedia.org/wiki/Stray_Kids
2.2.2 Código HTML:
Explicación de la solución aplicada:
, las secciones principales usan
, y las subsecciones usan
,
, etc., siguiendo una estructura lógica y ordenada. Esto permite que los lectores de pantalla puedan navegar fácilmente entre secciones, y cualquier usuario puede entender rápidamente la organización del contenido. Además, no hay saltos en la jerarquía (por ejemplo, pasar de h2 a h4 sin h3) lo que mantiene la coherencia estructural del documento.
| 1 de enero de 2026 | 1 de octubre de 2025 |
|---|
