Diferencia entre revisiones de «2526UdL1.3.1-B-000»

De WCAG Wiki
← Edición anterior
VisualWikitexto
202526UdL19 (discusión | contribs.)
alumnos
11 ediciones
Sin resumen de edición
202526UdL19 (discusión | contribs.)
alumnos
11 ediciones
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 (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_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.).
|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 actual - 14:55 13 feb 2026

Edición de la página como formulario

1. Información básica

Id del criterio: 1.3.1 - Información y relaciones (Nivel: A)
Título del subcriterio: 1.3.1-B
Universidad participante: UdL
Curso académico: 2025-26

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

2.1.1. Evidencia en imagen y enlace:
a) Imagen

b) Enlace de donde se ha obtenido la imagen:
https://www.elmundo.es/

2.1.2. Código HTML:

<thead><th scope="col" id="c_A2"...



Explicación del problema detectado:

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 (

,

, etc.). 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.





1 de enero de 20261 de octubre de 2025
Obtenido de «https://wikiwcag.udl.cat/index.php?title=2526UdL1.3.1-B-000&oldid=4520»