Skip to main content

Sobre esta regra de acessibilidade

Certifique-se de que existe apenas um marco contentinfo na página.

Deve manter o número total de marcos razoavelmente limitado porque uma das suas funções principais é ajudar utilizadores cegos a localizar e navegar para o marco adequado rapidamente. Os utilizadores de leitores de ecrã terão de filtrar demasiada informação desnecessária se não o fizer para encontrar o que precisam.

Apesar de toda a discussão sobre a utilização de estrutura semântica adequada para acessibilidade, o HTML historicamente carecia de alguns marcadores semânticos essenciais, como a capacidade de designar áreas da página como cabeçalho, navegação, conteúdo principal e rodapé. Estas designações são agora viáveis com HTML5 graças aos novos elementos header, nav, main e footer. As propriedades ARIA (Accessible Rich Internet Application) role="banner", role="navigation", role="main" e role="contentinfo" fornecem todas capacidades similares.

Os marcos ARIA podem ser usados para navegar para áreas específicas da página web no JAWS, NVDA e VoiceOver. A questão de dar aos consumidores uma opção para saltar para o material principal do website é abordada de forma mais elegante pelos marcos. O design web não mudou visivelmente, tornando-o invisível e indetetável. O facto de este método ser invisível é obviamente bom para utilizadores cegos de leitores de ecrã, mas não é tão bom para utilizadores de teclado com visão ou pessoas com visão diminuída que usam ampliadores de ecrã. Neste sentido, as ligações tradicionais “saltar navegação” ainda não podem ser substituídas por regiões HTML 5 e marcos ARIA.

Os utilizadores ainda não conseguem receber notificações dos navegadores de que estão presentes regiões HTML 5 ou marcos ARIA. Apenas aqueles que usam leitores de ecrã podem beneficiar deles. Não é uma capacidade incorporada do navegador, mas existe uma extensão de marcos ARIA para Firefox que fornece a capacidade de navegar por marcos no Firefox.

O que esta regra de acessibilidade verifica

Esta regra localiza todos os marcos contentinfo, elimina qualquer um que não mapeie o seu papel e confirma que existe apenas um.

Ajude-nos a melhorar os nossos guias

Este guia foi útil?

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.

Pronto para validar os seus sites?
Comece o seu teste gratuito hoje.