Errores de estructura de encabezados que rompen la accesibilidad

Los encabezados son la forma en que la mayoría de los usuarios de lectores de pantalla encuentra las cosas en una página. En la encuesta de lectores de pantalla de WebAIM de 2024, el 71.6% dijo que primero navega por una página larga a través de sus encabezados, así que un esquema de encabezados roto rompe el principal sistema de navegación de la página. Cinco errores causan la mayor parte del daño: encabezados falsos, niveles omitidos, encabezados elegidos por su tamaño, encabezados vacíos y un H1 ausente o confuso. La conexión con el SEO es más estrecha de lo que afirman la mayoría de las herramientas, y esta publicación explica exactamente cuál es.

Puntos clave

• Los usuarios de lectores de pantalla usan los encabezados como una tabla de contenido. El 71.6% navega primero por los encabezados en una página larga, y el 88.8% considera que los niveles de encabezado son muy o algo útiles (Encuesta de usuarios de lectores de pantalla #10 de WebAIM).
• Un encabezado es un elemento HTML real, no una apariencia. El texto en negrita y más grande dentro de un párrafo es invisible como encabezado para un lector de pantalla, sin importar cómo se vea.
• Los errores de encabezados son extremadamente comunes. En el análisis de WebAIM de 2026 de un millón de páginas de inicio principales, el 41.8% tenía al menos un nivel de encabezado omitido y el 7.5% no tenía ningún encabezado.
• Google no clasifica por el orden de los encabezados. Sus portavoces de búsqueda han dicho que una página se posiciona bien sin H1 o con varios, y que el orden de los encabezados no es un factor de clasificación. Lo que Google lee es lo que dice un encabezado, no qué nivel es.
• Axeazy corrige parte de esto automáticamente y parte solo con su aprobación. Un H1 ausente o un encabezado vacío es una adición pura. Reordenar encabezados existentes cambia la estructura de su página, así que espera una aprobación. Un encabezado falso hecho de texto con estilo necesita a una persona.

Qué hacen los encabezados por un usuario de lector de pantalla

Los visitantes que ven recorren una página mirándola. El texto más grande y en negrita les indica dónde empieza una sección. Un usuario de lector de pantalla obtiene la misma información solo si la página lo marca como encabezado. Entonces puede abrir una lista de todos los encabezados de la página, o saltar directamente al siguiente con una sola tecla, tal como el ojo de un lector que ve salta hacia abajo por una página.

Por eso los encabezados están en el centro de toda esta categoría de trabajo de accesibilidad. Los niveles de encabezado, de H1 a H6, también comunican jerarquía: un H2 pertenece bajo el H1 que está encima, y un H3 pertenece bajo el H2 que está encima. Cuando ese esquema es correcto, un usuario puede saber qué es una sección principal y qué es una subsección sin leer nada.

Cinco errores de encabezados que rompen el esquema

1. Texto en negrita o un párrafo con estilo que finge ser un encabezado

Es el fallo más común y el más difícil de detectar a simple vista, porque se ve exactamente bien.

<!-- Falla: parece un encabezado, se anuncia como texto simple -->
<p style="font-size: 24px; font-weight: bold;">Our Services</p>

<!-- Pasa: un encabezado real, con estilo mediante CSS -->
<h2 class="section-title">Our Services</h2>

La WCAG 1.3.1, Información y relaciones, existe precisamente para esto: la estructura que es evidente visualmente debe estar disponible también para la tecnología de asistencia, no solo mediante el estilo.

2. Omitir niveles

<!-- Falla: salta de H1 directamente a H3 -->
<h1>Maple Street Bakery</h1>
<h3>Today's Specials</h3>

<!-- Pasa: ningún nivel omitido -->
<h1>Maple Street Bakery</h1>
<h2>Today's Specials</h2>

Un nivel omitido deja al usuario preguntándose si se perdió una sección. Un H1 seguido de un H3 sugiere que existe un H2 en alguna parte, y no es así.

3. Elegir un nivel por su tamaño

Alguien elige un H4 porque un H2 se ve demasiado grande. El esquema se rompe para resolver un problema visual. La solución es mantener el nivel correcto y cambiar su apariencia con CSS.

<h2 class="small-heading">Opening Hours</h2>

.small-heading { font-size: 1.1rem; }

4. Encabezados vacíos

<!-- Falla: se anuncia como un encabezado sin nada dentro -->
<h2></h2>

Los encabezados vacíos suelen provenir de una plantilla o un constructor de páginas que deja un elemento atrás después de borrar su texto. Un lector de pantalla anuncia un encabezado y el usuario no oye nada.

5. Sin H1, o varios compitiendo

Toda página debe tener un H1 claro que diga de qué trata la página, porque los lectores de pantalla tradicionalmente lo tratan como el identificador principal de la página. Es una buena práctica de accesibilidad, no un fallo estricto de la WCAG, y una página con más de un H1 no está rota automáticamente. Vale la pena corregirlo porque enturbia el esquema, sobre todo cuando una plantilla repite un H1 en un logotipo o banner.

Qué tan comunes son estos errores

El análisis anual de WebAIM de un millón de páginas de inicio principales, realizado en febrero de 2026, muestra lo extendido que está esto.

Problema de encabezados	Porcentaje de páginas de inicio
Al menos un nivel de encabezado omitido	41.8%
Más de un H1	18.1%
Sin ningún encabezado	7.5%

Estas cifras describen sitios grandes construidos profesionalmente. Un sitio de pequeño negocio construido sobre un tema o un constructor de páginas tiene al menos la misma probabilidad de tener los mismos problemas.

Qué le importa realmente al SEO

Aquí es donde mucho contenido sobre accesibilidad exagera, así que vale la pena ser preciso.

Google ha dicho repetidamente que el orden de los encabezados no es un factor de clasificación. Sus portavoces de búsqueda han afirmado que una página puede posicionarse bien sin H1 o con cinco, y que el orden semántico de H1, H2, H3 es útil para la accesibilidad pero no afecta materialmente la clasificación. Así que un nivel de encabezado omitido no le cuesta posiciones.

Lo que Google sí lee es lo que dice un encabezado. Un encabezado como "Horario y ubicación" le dice a un buscador de qué trata la sección que sigue, igual que se lo dice a una persona. Ese es el verdadero punto en común entre accesibilidad y SEO aquí: los encabezados descriptivos que nombran su sección sirven a ambas audiencias.

Así que corrija la estructura de sus encabezados por la razón de accesibilidad, que es real y medible. Trate cualquier beneficio de SEO como un efecto secundario de escribir encabezados claros y descriptivos, no como la razón para hacerlo. Una estructura fácil de hojear para las personas es también plausiblemente más fácil de analizar para los sistemas automatizados, pero nadie lo ha confirmado como un efecto de clasificación, y no debe prometerse como tal.

Cómo revisar sus propios encabezados

1. Vea el esquema con un lector de pantalla. En NVDA, presione Insert+F7 y elija la lista de encabezados, o presione H para saltar de encabezado en encabezado. En VoiceOver, abra el rotor con VO+U y elija Encabezados. Oirá el esquema exactamente como lo oye un usuario.
2. Mire el código fuente de la página. Busque <h para ver cada encabezado y su nivel, y compruebe si algo que parece un encabezado es en realidad un <p> o un <div>.
3. Lea el esquema de arriba abajo. ¿Tiene sentido sin la página alrededor? ¿Los niveles están en orden? ¿Hay algo vacío?
4. O ejecute un escaneo. El escaneo gratuito de Axeazy revisa la estructura de encabezados de una página en unos 60 segundos, junto con las demás categorías de corrección que cubre. Dos verificaciones de estructura relacionadas se tratan en la guía de encabezados de tabla y la guía de puntos de referencia.

En qué puede ayudar Axeazy aquí

Las correcciones de encabezados se dividen en tres grupos, según cuánto cambian su página.

Regla	Qué verifica	Vía de corrección
page-has-heading-one	La página no tiene H1	Corregida automáticamente, una adición pura, en la medida de lo posible
empty-heading	Un elemento de encabezado no tiene contenido	Corregida automáticamente, una adición pura, en la medida de lo posible
heading-order	Los niveles de encabezado se omiten o están fuera de orden	Calculada, pero espera su aprobación
p-as-heading	Texto con estilo que actúa como encabezado	Revisión manual

Agregar un H1 ausente o tratar un encabezado vacío no mueve ni renombra nada, así que se escribe sin preguntar primero. Reordenar encabezados existentes cambia cómo está estructurada su página, así que Axeazy calcula la corrección pero no escribe nada hasta que usted o su desarrollador la aprueben. Un párrafo con estilo para parecer un encabezado necesita a una persona, porque solo quien conoce la página puede decir qué debe ser ese texto.

Tres de estas son verificaciones de buenas prácticas en axe-core, no fallos formales de la WCAG. El problema del encabezado falso es el más cercano a un problema real de la WCAG 1.3.1.

Cómo llega la corrección a su sitio depende de su plataforma. Los sitios React y Next.js conectados a GitHub reciben un pull request real. Las tiendas Shopify reciben los resultados del escaneo y una lista de verificación guiada en lugar de un cambio automático en las plantillas del tema. En WordPress, las correcciones de encabezados no son una de las tres correcciones instantáneas del plugin gratuito, así que actualmente siguen también la vía de la lista de verificación. Vea el desglose completo de las categorías de corrección.

Preguntas frecuentes

¿Una página debe tener un solo H1?

Aspire a uno. Un solo H1 que nombre el tema de la página les da a los usuarios de lectores de pantalla un punto de partida claro. Varios H1 no son un fallo de la WCAG y Google no los penaliza, pero uno solo y claro mantiene el esquema fácil de seguir.

¿Omitir niveles de encabezado perjudica el SEO?

Google ha dicho que el orden de los encabezados no es un factor de clasificación, así que los niveles omitidos no le cuestan posiciones. El daño es para los usuarios de lectores de pantalla, que dependen de los niveles para entender el esquema.

¿Puedo usar un H4 porque se ve del tamaño correcto?

Mantenga el nivel correcto y cambie el tamaño con CSS. Elegir un nivel de encabezado por su apariencia predeterminada rompe el esquema para resolver un problema visual.

¿Los problemas de encabezados se citan en las cartas de demanda de la ADA?

La estructura de encabezados no está entre las pocas categorías que se citan con más frecuencia en las cartas de demanda reales, que se inclinan por el texto alternativo, la navegación de salto, los atributos de idioma, las etiquetas de formulario y los nombres de enlaces o botones. Aun así es una barrera real para las personas que navegan por encabezados, y vale la pena corregirla por sus propios méritos.

¿Corregir mis encabezados hará accesible mi sitio?

Ninguna corrección individual lo logra. Los encabezados son una pieza importante de cómo una persona se orienta en una página, y una página puede tener un esquema limpio y aun así tener otros problemas, como etiquetas de formulario ausentes o un botón inalcanzable, que necesitan sus propias verificaciones.

Fuentes

• WebAIM: resultados de la Encuesta de usuarios de lectores de pantalla #10
• WebAIM: The WebAIM Million, informe de 2026 sobre las páginas de inicio principales
• W3C: Entender el criterio de éxito 1.3.1, Información y relaciones
• W3C: Entender el criterio de éxito 2.4.6, Encabezados y etiquetas
• Search Engine Journal: Google sobre los encabezados H1 y el SEO
• Stan Ventures: aclaración de Google sobre el orden de los encabezados y el SEO