1001Ferramentas
📋Validadores

Validador Hierarquia H1-H6

Valide a hierarquia de títulos (H1 a H6) de uma página e descubra se ela pula níveis. Melhore a acessibilidade, a estrutura e o SEO do seu conteúdo HTML.

Resultado

Quando pular de H2 para H4 atrapalha

Quem usa leitor de tela navega pelos títulos como quem passa o olho numa página: tecla H, próximo título, próximo. Quando o documento salta de H2 direto para H4, a pessoa fica sem saber se perdeu uma seção pelo caminho. Auditorias apontam isso como heading-order, e a origem costuma ser a mesma: alguém escolheu o nível pelo tamanho da fonte, não pelo lugar que aquele título ocupa na estrutura.

Uma coisa antes de começar: aqui não se cola HTML. Você digita a sequência de níveis na ordem em que aparecem, algo como 1,2,2,3,4,2,3, e a verificação roda em cima desses números. Ela aponta três situações: pular mais de um nível para baixo, não ter nenhum H1 e ter mais de um H1. Voltar vários níveis de uma vez, de H4 para H2 ao começar uma seção nova, é normal e não é acusado.

Para levantar a sequência, o caminho rápido é o console: rode document.querySelectorAll('h1,h2,h3,h4,h5,h6') e leia as tags na ordem. Duas ressalvas. Números fora da faixa de 1 a 6 são descartados em silêncio, então um 7 digitado por engano some da conta em vez de gerar erro. E a regra de um único H1 é boa prática consolidada, não exigência formal da WCAG. Se a sua página tem H1 no banner e outro no conteúdo, avalie o caso.

Perguntas frequentes

Pular de H2 para H4 quebra a WCAG?
Não é uma falha direta de critério de sucesso. É apontado como boa prática e sinalizado por ferramentas como o axe, porque títulos fora de ordem atrapalham quem navega pela lista de cabeçalhos.
Posso ter mais de um H1 na página?
O HTML permite, e leitores de tela lidam com isso. Ainda assim, a convenção mais segura é um H1 por página, descrevendo o assunto principal. A verificação aqui segue a convenção e aponta o segundo H1.
Dá para colar meu HTML nesta ferramenta?
Não. A entrada é a sequência numérica dos níveis separada por vírgulas, como 1,2,3,3,2. Colar HTML resulta em entrada vazia, porque as tags não viram números.

Ferramentas Relacionadas