Acessibilidade na web: Deixe o seu site mais atrativo

Acessibilidade na web: Deixe o seu site mais atrativo

Acessibilidade na web refere-se à prática inclusiva de fazer sites capazes de serem utilizados por todas as pessoas que tenham deficiência ou não. Mas você já parou para pensar no porquê de deixar o seu site acessível?

Simples: a acessibilidade na web é uma questão de boa prática. Você colabora para que mais pessoas sejam impactadas pelo conteúdo do seu site e ainda faz parte dos profissionais que conhecem e querem implementar cuidados básicos que geram enormes resultados à navegação diferenciada à que estamos habituados. Afinal, se você precisou gastar tempo resolvendo e entendendo todos os problemas que o crossbrower causa na hora de escrever o seu html, porque não ir um pouco além e construir algo que tenha significado também para as outras pessoas?

Quais são os princípios básicos para tornar o meu site acessível?

Forneça texto alternativo apropriado para imagens;

Forneça cabeçalhos para tabelas de dados;

Assegure que seus usuários podem completar e enviar formulários;

Certifique-se de que os links fazem sentido para o contexto;

Forneça Closed Caption ou legenda oculta nas cópias para meios de comunicação tais como vídeos;

Assegure padrões de acessibilidade de conteúdo para arquivos não-html, incluindo Arquivos PDF, documentos Microsoft Word, apresentações em PowerPoint e conteúdo no formato Adobe Flash Player;

Permita que os usuários pulem elementos repetitivos na página ;

Não conte com cores para transportar significados;

Assegure-se que o conteúdo está escrito claramente e de fácil leitura.

Veja os detalhes aqui.

Precisa de ajuda na construção de sites acessíveis? Essas ferramentas podem ajudar você:

  • http://www.checkmycolours.com/ || Ferramenta utilizada para testar o contraste textual de seu website.
  • http://leaverou.github.io/contrast-ratio/ || Confira o contraste entre seu background e a cor de seu texto.
  • http://www.prodeaf.net/ || Ferramenta que permite que você implemente um tradutor de libras para os textos de seu site.
  • https://chrome.google.com/webstore/detail/wave-evaluation-tool/jbbplnpkjmmeebjpijfedlgcdilocofh?utm_source=chrome-app-launcher-info-dialog Wave Evaluation Tool || Extensão do Chrome para teste de acessibilidade em websites.

Para aprender um pouco mais sobre como pessoas com deficiência “enxergam” a web e como muitas vezes um detalhe visual pode fazer toda a diferença, faça o teste:

E aqui você ainda pode encontrar artigos cheios de dicas para tornar o seu site mais acessível:

Fontes: http://tableless.com.br/acessibilidade-na-web-atualizando-como-tornar-seu-site-acessivel/ e http://www.brasilmedia.com/Acessibilidade-na-Web.html