Dez dicas para sites acessíveis
Todos sabemos que a criação de projetos acessíveis é importante, mas quantos de nós realmente levam isso em consideração ao criar um site? Aqui estão algumas etapas simples e eficazes para tornar seu site acessível a todos.
Explorar recursos de design
1. Valide seu XHTML e CSS
A validação do seu código geralmente pode levá-lo a descobrir problemas que você não notou antes. Coisas como tags não fechadas e com erros de digitação que ficam bem no seu navegador, mas podem causar problemas quando vistas por outras pessoas. As duas principais ferramentas que você precisa usar são um validador XHTML e um validador CSS.
2. Adicione texto alternativo para imagens
Nem todo mundo tem imagens ativadas no navegador e muitas pessoas usam programas de conversão de texto em fala, pois sofrem de problemas de visão. O fornecimento de texto alternativo para imagens através do atributo alt
garante que as imagens tenham uma descrição e possam ser compreendidas pelos visitantes. Também ajuda o site a ser indexado pelos mecanismos de pesquisa.
3. Verifique se o site funciona sem JavaScript
Como nas imagens, muitas pessoas navegam com o JavaScript desativado (quase 6% no momento da redação). Esse é um número bastante alto e vale a pena garantir que seu site funcione corretamente sem JavaScript. Confiar demais nele pode alienar certas pessoas da sua audiência.
4. Use CSS para separar conteúdo e formatação
Como um site que mostra e promove o uso das Folhas de estilo em cascata, não é surpreendente vê-las mencionadas aqui. O uso de CSS mantém as páginas limpas da formatação e garante que os navegadores possam adicionar suas próprias regras para tornar as páginas com maior contraste e visualização mais fácil.
5. Forneça uma folha de estilo de alto contraste
Por que não fazer uma segunda folha de estilo para o seu site que reduz ou remove a cor e faz com que tudo tenha maior contraste. Coloque o link para ativar esse estilo próximo à parte superior da página, para que os usuários com deficiência visual possam se beneficiar do conteúdo do seu site.
6. Verifique se o texto do link é descritivo
Em vez de simplesmente escrever "clique aqui" ou "leia mais", torne seus links mais descritivos. De vez em quando, caímos nessa armadilha, mas um link significativo pode ser entendido com muito mais facilidade e melhora a acessibilidade.
7. Adicione links "Pular para o conteúdo" nas páginas
Em vez de fazer as pessoas rolarem para baixo o cabeçalho repetitivo em todas as páginas do seu site, inclua um link que permita que elas pulem para o conteúdo principal na parte inferior da página. Isso economiza tempo, especialmente em navegadores de conversão de texto em fala que leem todas as informações na página.
8. Verifique se todos os formulários possuem etiquetas de etiqueta
Rotular corretamente as entradas nos seus formulários permitirá que elas sejam interpretadas e preenchidas com muito mais facilidade pelos navegadores acessíveis.
9. Não abra links em uma nova janela
Embora seja tentador vincular a outros sites em uma nova janela, é realmente uma prática ruim. Todo mundo sabe como usar um botão "Voltar", mas quando surge a necessidade de fechar janelas e acompanhar vários de uma só vez, muitos usuários da web podem ficar confusos e irritados.
10. Faça uma declaração de acessibilidade
Ter uma declaração em uma página do seu site mostrará às pessoas quais recursos de acessibilidade você oferece e explicará como elas podem navegar pelo site com facilidade. Explique como ativar a folha de estilos de alto contraste e onde estão os links "Ir para o conteúdo". As pessoas ficarão gratas por você explicá-las claramente.