Principio 2/2.4 Navegable/2.4.6-A

2.4.6-A. Encabezados descriptivos

2_Operable 2.4_Navegacion_clara

• Nivel: AA
• Versión: 2.0
• Principio: 2_Operable
• Pauta: 2.4_Navegacion_clara
• Grupo: Estructura_de_contenido
• Subgrupo: Encabezados_y_organización

Discapacidades afectadas

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

• Cognitiva – Barrera grave
• Baja visión – Barrera moderada
• Visual total – Barrera moderada

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

• G130: Providing descriptive headings

Recursos de apoyo

• Headings (w3c)
• Buenas prácticas para estructura semántica H1–H6

Evaluación del criterio

Tipo de evaluación

Evaluación [[:Categoría:Manual

Usa la herramienta de Heading Maps.|Manual

Usa la herramienta de Heading Maps.]]

Procedimiento de evaluación

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.

La propiedad «Wcag tipo evaluacion» (como tipo de página) con el valor de entrada «Manual</br>Usa la herramienta de Heading Maps.» contiene caracteres inválidos o está incompleto, por lo que puede causar resultados inesperados durante una consulta o proceso de anotación.

Comentarios

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

Loading comments...