Comprobador de encabezamientos WCAG
Pega HTML para validar la jerarquía de tus encabezados según el criterio WCAG 2.2 1.3.1. Identifica niveles saltados, ausencia de h1, h1 duplicados y encabezados vacíos.
Resultados
Pega HTML y haz clic en «Verificar encabezados».
📚 Bases científicas y fuentes
Para quién está diseñada esta herramienta
Una estructura de encabezados correcta es esencial para los usuarios de lectores de pantalla y las personas con trastornos cognitivos que dependen de la estructura del documento para navegar y comprender. Las encuestas WebAIM Screen Reader User Surveys constatan sistemáticamente que la navegación por encabezados es una de las estrategias más comunes y apreciadas por los usuarios de lectores de pantalla. Las personas con trastornos cognitivos y de aprendizaje también se benefician de una jerarquía clara, ya que los encabezados proporcionan un esquema de contenido que reduce la carga cognitiva (W3C Cognitive Accessibility Guidance). El Informe mundial sobre equidad en salud para personas con discapacidad de la OMS (2023) estima en 1.300 millones el número de personas, aproximadamente el 16 % de la población mundial, que viven con una discapacidad significativa, y muchas de ellas utilizan tecnologías de asistencia que dependen de una estructura semántica de encabezados.
Requisitos WCAG 2.2
- CS 1.3.1 (información y relaciones, nivel A): la información, la estructura y las relaciones transmitidas visualmente deben poder determinarse mediante programación.
- CS 2.4.1 (evitar bloques, nivel A): los encabezados permiten a los usuarios navegar entre secciones, sirviendo como mecanismo de salto.
- CS 2.4.6 (encabezados y etiquetas, nivel AA): los encabezados describen el tema o el propósito del contenido que introducen.
- CS 2.4.10 (encabezados de sección, nivel AAA): se utilizan encabezados de sección para organizar el contenido.
Referencias científicas
- WebAIM (2024). «Screen Reader User Survey #10 Results». webaim.org · Constata sistemáticamente que la navegación por encabezados es una de las principales estrategias empleadas por los usuarios de lectores de pantalla para comprender la estructura de una página y localizar contenido en ella.
- Power, C., Freire, A., Petrie, H. y Swallow, D. (2012). «Guidelines are only half of the story». CHI '12, ACM. · Encontró que los problemas de estructura de encabezados figuran entre los obstáculos más frecuentes a los que se enfrentan los usuarios ciegos.
- W3C Web Accessibility Initiative (2023). «Page Structure: Headings Tutorial». w3.org/WAI · Define las mejores prácticas para la jerarquía de encabezados, incluido un solo h1 por página y un anidamiento secuencial.
- WebAIM. «Semantic Structure: Using Headings». webaim.org · Consejos sobre cómo la estructura de encabezados apoya tanto la navegación con lector de pantalla como el escaneo visual.
- Deque Systems. «heading-order (regla axe-core)». · Verificación automatizada: los niveles de encabezado solo deben aumentar de uno en uno para garantizar un esquema de documento válido.
- Organización Mundial de la Salud (2023). Global Report on Health Equity for Persons with Disabilities. · Estima en 1.300 millones el número de personas (16 % de la población mundial) que viven con una discapacidad significativa.
Aviso
Esta herramienta verifica únicamente la estructura jerárquica de los encabezados. No evalúa otros aspectos de la conformidad WCAG 2.2, como el contraste de colores, la accesibilidad con el teclado o el uso de ARIA. Una jerarquía de encabezados válida es una condición necesaria pero no suficiente para la accesibilidad. Para una conformidad WCAG 2.2 completa, utiliza una herramienta de auditoría integral (axe, WAVE, Lighthouse) complementada con pruebas manuales con tecnologías de asistencia.
Nota: esta herramienta verifica únicamente la estructura jerárquica de los encabezados. Para una conformidad WCAG 2.2 completa, utiliza una herramienta de auditoría integral acompañada de pruebas manuales.