Diferencia entre revisiones de «2526UPSA1.3.1-B-000»
Sin resumen de edición |
Sin resumen de edición |
||
| (No se muestra una edición intermedia del mismo usuario) | |||
| Línea 20: | Línea 20: | ||
</footer> | </footer> | ||
</nowiki> | </nowiki> | ||
|noa_barrera_explicacion=En la página el texto "Otras webs de Unidad Editorial" está marcado como un | |noa_barrera_explicacion=En la página el texto "Otras webs de Unidad Editorial" está marcado como un h3 pero no funciona como un encabezado real. No introduce ninguna sección de contenido, sino que forma parte del pie de página. | ||
El criterio 1.3.1-B indica que los encabezados deben usarse solo cuando tienen una función semántica. Aquí se ha usado un h3 para dar estilo, así que los lectores de pantalla lo interpretan como si fuera una sección importante cuando no lo es. Por este motivo se considera un falso encabezado y la página no cumple el criterio. | |||
|noa_barrera_usuarios=Personas con discapacidad visual total: | |||
Los lectores de pantalla usan los encabezados para moverse por la página. Cuando aparecen falsos encabezados, el lector anuncia secciones que en realidad no lo es. Esto dificulta encontrar la información y hace que la navegación sea lenta y confusa. | |||
Personas con sordoceguera: | |||
Las líneas braille muestra los encabezados como puntos importantes dentro del contenido. Si un encabezado no introduce ninguna sección, la persona recibe información engañosa. Esto dificulta seguir el orden de la página y entender su estructura. | |||
|acc_barrera_evidencia_img=2025 26 UPSA 1.3.1-B ACC.jpg | |acc_barrera_evidencia_img=2025 26 UPSA 1.3.1-B ACC.jpg | ||
|acc_barrera_evidencia_url=https://www.w3.org/WAI/ | |acc_barrera_evidencia_url=https://www.w3.org/WAI/ | ||
| Línea 32: | Línea 38: | ||
</div> | </div> | ||
</nowiki> | </nowiki> | ||
|acc_barrera_explicacion=En esta página los encabezados se usan de forma adecuada. Cada h2 y h3 introduce una sección real del contenido y no se utilizan solo para cambiar el estilo del texto. | |||
En el ejemplo se ve el encabezado h3 W3C h3 seguido de un párrafo que describe que es el W3C. Es decir, el encabezado introduce esa sección. | |||
La estructura está bien organizada y los lectores de pantalla pueden moverse por las distintas partes sin generar confusión. No hay encabezados falsos, así que la página cumple el criterio 1.3.1-B. | |||
}} | }} | ||
Revisión actual - 19:12 4 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.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/metropoli/gastronomia/2025/12/01/6929a886fdddff70718b459a.html
2.1.2. Código HTML:
<footer class="site-footer horizontal" role="contentinfo">
<div class="container-list-footer js-toggle-footer">
<div class="js-botonera-toggle arrow-toggle" role="button" aria-expanded="false" aria-controls="webs_ue" onclick="Accordion.click(this, 'arrow-toggle--open', '.arrow-toggle')">
<h3>Otras webs de Unidad Editorial</h3>
</div>
<section role="region" aria-label="Otras webs de Unidad Editorial" class="js-contenido-toggle container-toggle" id="webs_ue">
...
</section>
</div>
</footer>
Explicación del problema detectado:
En la página el texto "Otras webs de Unidad Editorial" está marcado como un h3 pero no funciona como un encabezado real. No introduce ninguna sección de contenido, sino que forma parte del pie de página.
El criterio 1.3.1-B indica que los encabezados deben usarse solo cuando tienen una función semántica. Aquí se ha usado un h3 para dar estilo, así que los lectores de pantalla lo interpretan como si fuera una sección importante cuando no lo es. Por este motivo se considera un falso encabezado y la página no cumple el criterio.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Personas con discapacidad visual total:
Los lectores de pantalla usan los encabezados para moverse por la página. Cuando aparecen falsos encabezados, el lector anuncia secciones que en realidad no lo es. Esto dificulta encontrar la información y hace que la navegación sea lenta y confusa.
Personas con sordoceguera: Las líneas braille muestra los encabezados como puntos importantes dentro del contenido. Si un encabezado no introduce ninguna sección, la persona recibe información engañosa. Esto dificulta seguir el orden de la página y entender su estructura.
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://www.w3.org/WAI/
2.2.2 Código HTML:
<div class="col1 making-web-accessible-box">
<h3>
<svg focusable="false" aria-hidden="true" class="icon-hp-book mwa-icon mwa-icon-book"></svg>
W3C
</h3>
<p>The World Wide Web Consortium (W3C) develops international standards for the Web...</p>
</div>
Explicación de la solución aplicada:
En esta página los encabezados se usan de forma adecuada. Cada h2 y h3 introduce una sección real del contenido y no se utilizan solo para cambiar el estilo del texto.
En el ejemplo se ve el encabezado h3 W3C h3 seguido de un párrafo que describe que es el W3C. Es decir, el encabezado introduce esa sección.
La estructura está bien organizada y los lectores de pantalla pueden moverse por las distintas partes sin generar confusión. No hay encabezados falsos, así que la página cumple el criterio 1.3.1-B.
