Sobre esta regra de acessibilidade
Os elementos h1 até h6 devem estar numa ordem sequencial decrescente para que os cabeçalhos tenham uma ordem lógica correta.
O objetivo fundamental dos cabeçalhos é comunicar a estrutura organizacional da página. O mesmo objetivo é alcançado através do uso de vários tamanhos de fonte para utilizadores videntes.
Para utilizadores de leitores de ecrã, no entanto, o tamanho do texto é inútil porque um leitor de ecrã só consegue reconhecer um cabeçalho se estiver corretamente marcado. Quando os componentes de cabeçalho são usados corretamente, tanto os utilizadores videntes quanto os utilizadores de leitores de ecrã acharão muito mais simples navegar pela página.
Os utilizadores de leitores de ecrã podem navegar entre cabeçalhos da mesma forma que os utilizadores videntes podem folhear uma página para ter uma noção do seu conteúdo. Os utilizadores, especialmente aqueles que usam leitores de ecrã, podem poupar muito tempo e stress ao usar cabeçalhos bem escritos e logicamente organizados.
Os cabeçalhos servem para explicar a organização da página web, não apenas para chamar a atenção para texto importante. Eles devem ser sucintos, distintos e acompanhados por componentes h1 até h6 usados em ordem hierárquica. Os cabeçalhos são ferramentas úteis para utilizadores de leitores de ecrã devido a todas estas características. Os utilizadores de leitores de ecrã podem mover-se entre cabeçalhos de uma forma semelhante à forma como os leitores videntes podem rapidamente examinar uma página e ter uma noção do seu conteúdo. Os leitores de ecrã podem poupar tempo e stress ao usar cabeçalhos que estejam claramente escritos e organizados.
Como os motores de busca usam cabeçalhos ao filtrar, organizar e mostrar resultados, os cabeçalhos oferecem outras vantagens além de apenas tornar a página mais facilmente acessível. Tornar o seu website mais pesquisável é outro benefício de o tornar mais acessível.
O que esta regra de acessibilidade verifica
Assegura a precisão semântica da ordem dos cabeçalhos.
Ajude-nos a melhorar os nossos guias
Detecte problemas de acessibilidade automaticamente
O Rocket Validator examina milhares de páginas com Axe Core e o W3C Validator, encontrando problemas de acessibilidade em todo o seu site.