# Níveis dos títulos devem aumentar de um em um

<https://www.fixreports.com/pt-br/issues/heading-order>

Boa prática de acessibilidade

Os níveis de cabeçalho pulam etapas (por exemplo, de H2 para H4), o que deixa a estrutura da página confusa para quem usa leitor de tela.

## O que esta regra verifica
Certifique-se de que a hierarquia dos níveis de títulos seja semanticamente correta.

## Por que isso importa
Quem usa leitor de tela navega pelos cabeçalhos. É uma boa prática que apoia o critério 1.3.1 da WCAG.

## Como corrigir
### Em qualquer site
1. Ajuste os níveis de cabeçalho nas seções afetadas para que sigam em ordem, sem pular níveis.
2. Mude só a tag, não o estilo visual (use classes CSS para o tamanho).

### Na Shopify
1. Ajuste os níveis de cabeçalho nas seções afetadas para que sigam em ordem, sem pular níveis.
2. Mude só a tag, não o estilo visual (use classes CSS para o tamanho).

### No WooCommerce e no WordPress
1. Ajuste os níveis de cabeçalho nas seções afetadas para que sigam em ordem, sem pular níveis.
2. Mude só a tag, não o estilo visual (use classes CSS para o tamanho).

## Como conferir a correção
- Analise de novo e confira a estrutura de cabeçalhos com uma extensão de navegador como a HeadingsMap.

## Fontes
- Documentação da regra do axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/heading-order
