O que é
As tags de cabeçalho existem em seis níveis, de <h1> (o título principal) até <h6> (o subtítulo mais pequeno), e devem ser usadas por ordem para construir uma estrutura organizada do conteúdo da página – um H1 no topo, H2 para as secções principais, H3 para subsecções dentro dessas, e assim sucessivamente. "Hierarquia de cabeçalhos" refere-se simplesmente a saber se os cabeçalhos de uma página seguem realmente esta ordem organizada, ou se algum nível é saltado ou usado fora de ordem, como passar diretamente de um H1 para um H3 sem nenhum H2 pelo meio.
É fácil errar nisto quando os cabeçalhos são escolhidos apenas pela aparência (usando o nível que calha a apresentar no tamanho de letra desejado) em vez de pelo seu significado estrutural.
Por que importa
Uma hierarquia de cabeçalhos bem estruturada funciona como um índice construído diretamente na página – tanto os motores de busca como as pessoas que usam leitores de ecrã dependem dela para perceber como o conteúdo de uma página está organizado e para ir diretamente à secção que lhes interessa. Níveis de cabeçalho saltados ou fora de ordem quebram essa estrutura, tornando-a genuinamente mais difícil de seguir de forma automática, mesmo que continue a parecer perfeitamente normal a um visitante que apenas vai lendo e a percorrer a página.
Fazer isto bem não significa acrescentar mais cabeçalhos do que a página precisa – significa apenas usar os níveis que a página já tem pela ordem correta e organizada, em vez de os escolher só pelo tamanho da letra.
Como corrigir
- Lista todos os cabeçalhos da página por ordem, anotando o seu nível (H1, H2, H3, etc.) – a maioria das ferramentas ou extensões de acessibilidade do navegador consegue gerar este esquema automaticamente.
- Confirma que a página tem exatamente um H1, seguido de H2 para as secções principais.
- Verifica se algum nível de cabeçalho é saltado – por exemplo, um H2 seguido diretamente de um H4 sem nenhum H3 pelo meio – e ajusta, preenchendo o nível em falta ou reduzindo o nível do cabeçalho saltado.
- Se um cabeçalho foi escolhido apenas pelo tamanho visual e não pelo seu lugar na estrutura, muda o seu nível de cabeçalho e ajusta o tamanho da letra separadamente através do design.
- Volta a executar a tua verificação do Launch Readiness para confirmar que a hierarquia está agora consistente.