2.4.10 Encabezados de sección
Criterio de éxito oficial
Los encabezados de sección se utilizan para organizar el contenido.
Notas importantes
«Encabezado» se usa en sentido general e incluye títulos y otras formas de agregar encabezados. Este criterio se aplica a las secciones del texto, no a los componentes de interfaz de usuario (éstos se contemplan en 4.1.2).
¿Por qué Nivel AAA?
Este criterio es AAA porque no se puede aplicar a todo tipo de contenido. Por ejemplo, al publicar un documento preexistente en la web, no se pueden insertar encabezados que el autor original no incluyó. Sin embargo, si un documento puede dividirse en secciones, añadir encabezados facilita tanto la comprensión como la navegación.
¿Qué es?
Los encabezados de sección organizan el contenido facilitando a los usuarios comprender la estructura de una página y encontrar información. Actúan como marcadores mentales que permiten navegar por las secciones, especialmente cuando la página es extensa o compleja.
Encabezados y etiquetas
Garantiza que los encabezados y etiquetas que se proporcionen sean lo suficientemente descriptivos como para resultar útiles.
Enfoque: CalidadEncabezados de sección
Garantiza que el contenido esté correctamente organizado y estructurado en secciones identificadas con encabezados.
Enfoque: Estructura¿Por qué es importante?
Los usuarios de lectores de pantalla navegan frecuentemente por encabezados, saltando directamente a secciones como «Preguntas frecuentes» o «Información de contacto» sin leer toda la página. Si faltan encabezados o están desordenados, la navegación se vuelve confusa o imposible.
Sin encabezados claros, los usuarios pueden perderse o sentirse abrumados por la cantidad de información, especialmente en documentos extensos o páginas de configuración complejas.
¿Quién se ve afectado?
Personas ciegas: Dependen de los encabezados para navegar rápidamente entre secciones. Sin ellos, no pueden comprender la estructura ni localizar secciones específicas.
Personas con discapacidades cognitivas: Los encabezados dividen el contenido en secciones manejables, reduciendo la sobrecarga cognitiva y facilitando la comprensión.
Usuarios de teclado y voz: Utilizan encabezados para saltar entre secciones directamente, haciendo la navegación más eficiente sin depender del ratón.
Cómo implementar 2.4.10
Marcar las secciones con encabezados
Cuando una página tiene secciones de contenido diferenciadas, cada sección debe tener un encabezado que la identifique. En lugar de un bloque largo de texto, divide el contenido en secciones para que sea más fácil de leer y navegar.
✓ Con encabezados
Un menú de restaurante con secciones: «Aperitivos», «Ensaladas», «Plato principal», «Postre».
Una página de configuración dividida en: «Cuenta», «Privacidad», «Notificaciones».
✗ Sin encabezados
Un menú donde todos los platos se listan sin separación ni categoría.
Una página de configuración donde todos los campos aparecen en un solo bloque continuo.
Jerarquía de encabezados adecuada
Los encabezados deben usarse en un orden lógico y jerárquico. Esto ayuda a los usuarios y tecnologías de asistencia a comprender la estructura del contenido.
Jerarquía visual de encabezados
<h1>Conoce al cerdo hormiguero: Introducción</h1>
<p>Bienvenido al fascinante mundo de los cerdos hormigueros...</p>
<h2>Cómo lo hacen: Metodología</h2>
<p>Al igual que los cerdos hormigueros excavan profundamente...</p>
<h2>El gran descubrimiento: Resultados</h2>
<p>Esto es lo que descubrimos sobre sus hábitos...</p>Ejemplos prácticos
Menú Restaurante con secciones por tipo de plato
Un menú online contiene secciones para cada tipo de plato con un encabezado: «Aperitivos», «Ensaladas», «Plato principal», «Postre». Los usuarios saltan directamente a la sección que les interesa.
App Configuración con grupos de ajustes
Una aplicación web tiene una página de configuración dividida en grupos con encabezados: «Cuenta y perfil», «Privacidad y seguridad», «Notificaciones», «Apariencia». Los usuarios navegan por encabezados para encontrar el ajuste que necesitan.
Excepción Carta sin encabezados
Una carta formal larga trata diferentes temas. No se consideran necesarios encabezados porque el formato de carta no los requiere convencionalmente. Este tipo de contenido está exento del criterio.
Técnicas recomendadas
| Código | Técnica | Tipo |
|---|---|---|
| G141 | Organizar una página usando encabezados | Suficiente |
| H69 | Proporcionar encabezados al principio de cada sección de contenido | Suficiente |
Errores comunes
- Secciones de contenido diferenciadas visualmente (con líneas separadoras o cambios de color) pero sin encabezados programáticos.
- Usar texto en negrita o grande simulando un encabezado sin usar los elementos
<h1>–<h6>. - Saltarse niveles de encabezado sin justificación (por ejemplo, pasar de
<h1>a<h4>). - Usar encabezados solo para dar estilo visual, sin que correspondan a secciones reales del contenido.