heading-order

Los niveles de encabezado no deben saltarse un nivel

Comprueba que los niveles de encabezado aumenten como máximo de uno en uno según el orden del documento.

Ámbito de aplicación. Se aplica siempre que la página contenga dos o más elementos de encabezado (<h1>-<h6> nativos, o role="heading" explícito con aria-level; nivel 2 por defecto según la especificación de ARIA cuando aria-level está ausente o no es válido).

Resultado esperado. Según el orden del documento, el nivel de cada encabezado no es más de uno superior al nivel de encabezado más alto visto hasta ese momento. Saltar más de un nivel de profundidad (por ejemplo, un <h1> seguido directamente de un <h3>, saltándose <h2>) rompe el esquema del documento en el que se apoyan los usuarios de tecnología de asistencia al navegar por encabezados. Volver a un nivel más superficial en cualquier momento siempre es válido.

Ejemplos

<h1>Title</h1>
<h3>Subsection</h3>

<h1>Title</h1>
<h2>Section</h2>
<h3>Subsection</h3>

Ver código fuente