Sobre esta regra de acessibilidade
As melhores práticas ditam que o landmark principal não deve estar inserido dentro de outro landmark. Todo o conteúdo deve estar contido em áreas discretas, como o cabeçalho (role="banner"), corpo (role="main"), e rodapé (role="contentinfo").
Os utilizadores de leitores de ecrã podem navegar num website muito mais facilmente se o conteúdo estiver dividido em várias categorias de alto nível. É difícil localizar conteúdo fora destas categorias, e o seu propósito pode ser obscuro.
Historicamente, o HTML carecia de marcadores semânticos essenciais, como a capacidade de definir secções da página como cabeçalho, navegação, conteúdo principal e rodapé. Usar tanto elementos HTML5 como landmarks ARIA no mesmo elemento é considerado uma excelente prática, mas à medida que a compatibilidade dos navegadores melhora, as regiões HTML provavelmente tornar-se-ão mais populares no futuro.
O HTML Living Standard diz “Um elemento main hierarquicamente correto é aquele cujos elementos ancestrais estão limitados a <html>, <body>, <div>, <form> sem nome acessível, e elementos personalizados autónomos. Cada elemento main deve ser um elemento main hierarquicamente correto”. Esta pode ser uma “prática recomendada” de acordo com a validação W3C.
O que esta regra de acessibilidade verifica
Garante que todo o conteúdo da página se encontra dentro de uma região landmark.
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.