Práticas Web acessíveis Sumário para conteúdos longos
Para conteúdos muito extensos, o ideal é que seja fornecido um sumário com âncoras para as seções do conteúdo. Ao final de cada seção, é preciso haver um link que permita retornar ao sumário. Para quem utiliza o mouse para navegar, parece uma tarefa simples rolar a tela e chegar até o conteúdo desejado. No entanto, para quem utiliza o teclado ou outros dispositivos diferentes do mouse, navegar por conteúdos extensos acaba sendo uma tarefa lenta e difícil. Para essas pessoas e até mesmo para as que utilizam o mouse, as âncoras facilitam muito a navegação.
Exemplo de sumário com links para as partes do conteúdo:
Ao clicarmos no link “Introdução”, o foco do teclado é remetido para o início desta seção. Repare no exemplo a seguir o link “Voltar ao sumário”, presente no final da seção.
Exemplo de âncora para a seção “Agradecimentos”.
Repare que o destino da âncora é representado pelo sinal de # (cerquilha ou sustenido) seguido do id da seção de destino:
<li><a href="#agradecimentos" title="#">Agradecimentos</a></li>
<h2 id="agradecimentos">Agradecimentos</h2>
Exemplo de âncora para voltar ao sumário:
<p class="voltar"><a href="#sumario">Voltar ao sumário</a></p>
<div id="sumario">
