Os elementos de título não estão em ordem decrescente sequencial

Screen readers have commands to quickly jump between headings or to specific landmark regions. In fact, a survey of screen reader users found that they most often navigate an unfamiliar page by exploring the headings.

By using correct heading and landmark elements, you can dramatically improve the navigation experience on your site for users of assistive technologies.

Como a auditoria dos níveis de título do Lighthouse falha #

O Lighthouse sinaliza as páginas cujos títulos pulam um ou mais níveis:

Por exemplo, usar um elemento <h1> para o título da sua página e, em seguida, usar elementos <h3> para as seções principais fará com que a auditoria falhe porque o nível <h2> foi ignorado:

<h1>Page title</h1>
  <h3>Section heading 1</h3>
  …
  <h3>Section heading 2</h3>
  …

Como corrigir títulos mal estruturados #

• Faça com que todos os elementos do título sigam uma ordem numérica lógica que reflita a estrutura do seu conteúdo.
• Certifique-se de que o texto do título transmite claramente o conteúdo da seção associada.

Por exemplo:

<h1>Page title</h1>
<section>
  <h2>Section Heading</h2>
  …
    <h3>Sub-section Heading</h3>
</section>

Uma maneira de verificar a estrutura do título é perguntar: "Se alguém criasse um esboço da minha página usando apenas os títulos, faria sentido?"

Você também pode usar ferramentas como a extensão Accessibility Insights da Microsoft para visualizar a estrutura de sua página e detectar elementos de título fora de ordem.

Consulte a postagem títulos e pontos de referência para obter mais informações.

Recursos #

• Código-fonte para auditoria de níveis de salto de títulos
• Os níveis de título devem aumentar apenas em um (Deque University)