Sobre esta regra de acessibilidade
As tags dos elementos h1 a h6 devem estar numa ordem sequencialmente descendente para que os cabeçalhos estejam numa ordem lógica correta.
O objetivo fundamental dos cabeçalhos é comunicar a estrutura organizacional da página. O mesmo objetivo é servido através do uso de vários tamanhos de letra para utilizadores com visão.
Para utilizadores de leitores de ecrã, no entanto, o tamanho do texto é inútil porque um leitor de ecrã só pode reconhecer um cabeçalho se estiver corretamente marcado. Quando os componentes de cabeçalho são utilizados corretamente, tanto os utilizadores com visão como 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 com visão podem percorrer uma página para obter uma noção dos seus conteúdos. Os utilizadores, especialmente aqueles que usam leitores de ecrã, podem economizar 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 atenção para texto importante. Devem ser sucintos, distintos e acompanhados de componentes h1 a h6 utilizados por 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 com visão podem rapidamente percorrer uma página e obter uma noção do seu conteúdo. Os leitores de ecrã podem economizar tempo e stress ao usar cabeçalhos que estão claramente escritos e organizados.
Uma vez que os motores de busca empregam 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
Garante 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.