Avançar para o conteúdo
SilktideAjuda

Ir para o conteúdo

A Silktide verifica se cada página oferece aos visitantes uma forma de ir diretamente para o conteúdo principal, passando pelos cabeçalhos e pela navegação repetidos. Geralmente, isso é feito por meio de um link "ir para o conteúdo" no topo da página ou de um ponto de referência do conteúdo principal.

<!-- Um link para ir para o conteúdo principal -->
<a href="#main">Ir para o conteúdo principal</a>
...
<main id="main">
  <h1>Boas-vindas</h1>
</main>

Por que isso é importante

Muitas pessoas percorrem as páginas sequencialmente: uma pessoa usuária de ouve o conteúdo na ordem, e uma pessoa usuária do teclado passa por todos os links com a tecla Tab. Como a maioria dos sites repete o mesmo cabeçalho e a mesma navegação em todas as páginas, essas pessoas precisam passar por tudo novamente em cada página — uma pessoa cega pode ter de percorrer dezenas ou centenas de links de navegação antes de chegar ao conteúdo. Um link para ir para o conteúdo ou um ponto de referência principal elimina esse obstáculo.

Os links para ir para o conteúdo não precisam estar visíveis para todas as pessoas. Um padrão comum mantém o link oculto até que ele receba , para que não afete o design.

Como corrigir

  1. Adicione um link no topo da página apontando para o início do conteúdo principal, como <a href="#main">Ir para o conteúdo principal</a>.
  2. Certifique-se de que o destino existe: o fragmento deve corresponder ao id de um elemento real, e o elemento de destino deve estar visível.
  3. Como alternativa (ou adicionalmente), marque o conteúdo principal com um elemento <main> ou com role="main" — qualquer uma dessas opções, por si só, atende a esta verificação.
  4. A prática recomendada é combinar as duas opções: um link para ir para o conteúdo apontando para o ponto de referência <main>, o que funciona com a maior variedade de navegadores e tecnologias assistivas:
<a href="#main">Ir para o conteúdo principal</a>
...
<main id="main">...</main>

Como a Silktide faz esta verificação

  1. Ignora páginas com menos de 500 caracteres visíveis de texto — há pouco conteúdo para justificar a necessidade de ignorá-lo.
  2. Procura um link que aponte para um fragmento (como #main) na mesma página. Para ser contabilizado, o link não pode estar junto de outro texto (o que sugeriria que faz parte de uma frase, e não que é um recurso de navegação), e deve estar visível ou oculto de uma forma compatível com leitores de tela.
  3. O texto do link não é analisado deliberadamente, para que a verificação funcione em qualquer idioma.
  4. Relata um problema quando:
    • O fragmento do link aponta para um id que não existe na página (um link para ir para o conteúdo quebrado).
    • O link aparece depois de mais de 500 caracteres visíveis de texto, tarde demais para poupar esforço à pessoa usuária.
    • Não existe nenhum link para ir para o conteúdo e a página não tem um ponto de referência <main> ou role="main".

Solução de problemas

Verifique os três casos de falha acima: as causas mais comuns são um fragmento que aponta para um id que não existe mais, um elemento de destino invisível ou um banner de cookies ou outro conteúdo que empurra o link para mais de 500 caracteres dentro da página.

Meu conteúdo começa no topo da página

Se a página tiver menos de 500 caracteres visíveis, ela será ignorada automaticamente. Páginas mais longas ainda precisam de um link para ir para o conteúdo ou de um ponto de referência principal, mesmo quando o conteúdo começa no início, porque a Silktide não consegue determinar com segurança que não há navegação antes dele.

Saiba mais

Última atualização

Esta página foi útil?

Ir para o conteúdo | Ajuda da Silktide