Diferencia entre revisiones de «Principio 2/2.4 Navegable/2.4.6-A»

De WCAG Wiki
Sin resumen de edición
Sin resumen de edición
 
(No se muestran 2 ediciones intermedias del mismo usuario)
Línea 7: Línea 7:
|wcag_principio=2_Operable
|wcag_principio=2_Operable
|wcag_principio_url=Principio_2
|wcag_principio_url=Principio_2
|wcag_pauta=2.4_Navegacion_clara
|wcag_pauta=2.4_Navegable
|wcag_pauta_url=Principio_2/2.4_Navegacion_clara
|wcag_pauta_url=Principio_2/2.4_Navegable
|wcag_grupo=Estructura_de_contenido
|wcag_grupo=Estructura_de_contenido
|wcag_subgrupo=Encabezados_y_organización
|wcag_subgrupo=Encabezados_y_organización
Línea 56: Línea 56:
|wcag_recursos=
|wcag_recursos=
<ul>
<ul>
<li>[https://www.w3.org/WAI/tutorials/page-structure/headings/ Headings (w3c)</li>
<li>[https://www.w3.org/WAI/tutorials/page-structure/headings/ Headings (w3c)]</li>
<li>Buenas prácticas para estructura semántica H1–H6</li>
<li>Buenas prácticas para estructura semántica H1–H6</li>
</ul>
</ul>


|wcag_tipo_evaluacion=Manual
|wcag_tipo_evaluacion=Manual
|wcag_pasos_evaluacion=
Usa la herramienta de ''' [https://chromewebstore.google.com/detail/headingsmap/flbjommegcjonpdmenkdiocclhjacmbi Heading Maps].'''
Usa la herramienta de ''' [https://chromewebstore.google.com/detail/headingsmap/flbjommegcjonpdmenkdiocclhjacmbi Heading Maps].'''


|wcag_pasos_evaluacion=
<ol class="paso-list">
<ol class="paso-list">
<li><span class="paso-badge">Paso 1.</span>
<li><span class="paso-badge">Paso 1.</span>

Revisión actual - 12:45 6 nov 2025

2.4.6-A. Encabezados descriptivos

Discapacidades afectadas

Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.

Enunciado del criterio (Observatorio de Accesibilidad Web)

  • Los encabezados usados en la página deben identificar el contenido de la sección que encabezan.

Comprensión del criterio

Descripción resumida

Los encabezados de sección deben comunicar claramente el contenido que presentan, facilitando la orientación, lectura y escaneo rápido de la página.

Objetivo

Permitir que los usuarios identifiquen rápidamente la estructura y propósito de cada sección sin leer todo el contenido.

Importancia de cumplir el criterio

Una jerarquía clara y encabezados descriptivos ayudan a las personas con discapacidad cognitiva, usuarios de lectores de pantalla y quienes escanean visualmente la información para localizar contenido relevante sin esfuerzo.

Referencias WCAG

Recursos de apoyo

Evaluación del criterio

Tipo de evaluación

Evaluación Manual

Procedimiento de evaluación

Usa la herramienta de Heading Maps.
  1. Paso 1. Visualizar la estructura de encabezados que identifica la herramienta.
  2. Paso 2. Verificar que los elementos identificados como encabezados:
    • a. Identifican la sección de contenido que encabezan.
    • b. Son claros y breves.

Resultado esperado

Los encabezados describen adecuadamente su contenido, siguen un orden jerárquico correcto y permiten comprender y navegar la página con facilidad.

Ejemplo

Encabezados descriptivos y estructurados.

<section>
<h1>Guía de solicitud de becas</h1>
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
<h2>Requisitos para aplicar</h2>
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
<h3>Documentación necesaria</h3>
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. 
</section>

Otras herramientas de evaluación

  • Bookmarklet diagnóstico encabezados:
    Arrastra este botón a tu barra de marcadores y podrás ejecutarlo y ver los encabezados de otras páginas.
    Ver encabezados/títulos
  • Inspección del contenido: revisar que los encabezados (<h1>–<h6>) describen claramente el contenido de la sección que introducen.
  • Lectores de pantalla: (NVDA, JAWS, VoiceOver) usar navegación por encabezados para confirmar que cada título tiene sentido fuera de contexto y guía adecuadamente al usuario.
  • Inspección del DOM: verificar que los encabezados se usan para estructurar el contenido y no solo para aplicar estilos visuales.
  • Revisión editorial: comprobar que los encabezados no son genéricos o ambiguos (p. ej. “Más” o “Información”) cuando puede utilizarse un texto más claro.










Ejemplos accesibles y no accesibles creados por alumnos

Comentarios

A continuación se muestran comentarios sobre el criterio 2.4.6-A. Encabezados descriptivos

Loading comments...