11 - Regiões da página

Regiões da página

Usar regiões comuns nas páginas torna a navegação do usuário PCD mais fácil e dá consistência às composições das interfaces, possibilitando a ele ignorar algumas regiões e pular para o conteúdo de seu interesse.

Perfis atendidos: Deficiência visual, motora.

Morga

7 - dividir áreas de informação. As divisões mais comuns são “topo”, “conteúdo”, “menu” e “rodapé”.

Critérios de sucesso: AAA WCAG: 1.3.6

Recomendação

Definir as regiões da página onde os elementos menores serão alinhados: header, nav, main-content, footer. Nem sempre você vai usar todos e geralmente o nav e o main content precisam ser definidos.

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Region_role

Exemplos

Header

No início da página pode existir um carrossel com uma lista de opção em destaque. Use o header para agrupar esses itens iniciais.

Nav

Os principais links e opções de navegação da página precisam estar agrupados nessa região para orientar os usuários que utilizam leitores de tela em relação às opções de navegação.

Main content

É o conteúdo principal da interface. Defini-lo em cada interface é obrigatório, visto que é uma boa prática possibilitar ao usuário de leitor de tela pular itens iniciais e ir para o conteúdo principal.

Footer

É o rodapé de uma página. Nem todas as interfaces têm um, seu uso é facultativo.

Ajuda: customizar uma área comum de ajuda em todas as interfaces pode ser uma alternativa que dá maior segurança aos usuários com leitores de tela.