Veja duas dicas sobre como tornar seu site acessível
1. Use os títulos corretamente
As tags de título permitem que os usuários de leitores de tela saltem para as seções em que estão interessados. Os títulos em uma página da Web são um esboço da página da Web; usar um <h2>direito após um <h1>elemento denota uma seção que é uma subseção do anterior <h1>. Muitos de nós negligenciamos títulos, inclusive eu .
Em todos os casos em que usei mal elementos de cabeçalho, não consegui encontrar uma explicação razoável para isso – e você também não. Essa simples diretriz de acessibilidade na web pode fazer maravilhas para pessoas com deficiência visual que usam tecnologia de leitura de tela. Dividir uma longa página da Web em subseções lógicas com títulos facilita o acesso ao local de seu interesse.
Imagine que, ao ler o primeiro parágrafo de um artigo, você imediatamente quis deixar um comentário e o formulário de comentário está localizado em algum lugar na parte inferior de uma página da web. Para usuários com visão, isso seria um piscar de olhos: você só precisa rolar para baixo e localizar visualmente o formulário da web. Mas em sites com conteúdo pesado, como o que você está vendo agora, o formulário de comentários está realmente em algum lugar no meio da estrutura HTML, embora visualmente esteja bem na parte inferior da página da web.
Sem títulos de seção que indiquem onde o formulário da web começa, os usuários de leitores de tela teriam que percorrer muito conteúdo para chegar ao formulário. Em Six Revisions, o título de nível 3 “Deixe um comentário” permitirá que os usuários de leitores de tela saltem rapidamente para ele.
2. Use títulos de página distintos e significativos
A primeira coisa que um usuário de leitor de tela encontrará logo após o carregamento completo da página da Web é o texto entre suas <title>tags. A pior coisa que você pode fazer, além de não ter a <title>tag, é tê-los iguais em todas as suas páginas da web. Isso torna difícil para os usuários que confiam em sua marcação HTML para determinar em que página estão ou se o link em que clicaram é a mesma página da Web em que estavam anteriormente ou não.
Se os títulos de sua página forem os mesmos ou se você não tiver títulos de página, os usuários de leitores de tela sempre terão que ler o conteúdo antes de determinar que estão na página da Web em que desejam estar. Mantenha os títulos das páginas sucintos e significativos. Bons títulos de página para usar que incluem texto repetido são:
<head> <title>Quem somos – nossa loja</title> </head>
<head> <title>Todos os artigos: Nossa loja</title> </head>
<head> <title>Nossa loja: Home</title> </head>