+351 914 132 130 info@growunder.com

Acessibilidade Web: como fazer um site acessível?

A criação de um site acessível e inclusivo parece um quebra-cabeças para muitos, mas é cada vez mais incontornável. Comece já a preparar-se com estas sugestões ...

Acessibilidade porquê?

Em primeiro lugar, apostar na Acessibilidade dos sites é a coisa certa a fazer. É uma questão de ética, acima de tudo, que vai ao encontro do conceito de uma sociedade digital inclusiva , uma preocupação cada vez mais importante dos governos e das suas políticas.
 
Além disso, é uma forma de alargar a audiência potencial  a alcançar. Na União Europeia, há cerca de 80 milhões de pessoas que sofrem de algum tipo de deficiência e o envelhecimento crescente da sua população aumenta esse número.

Há dados que apontam que, em 2020, haverá mais de 120 milhões de pessoas com incapacidades, quer sejam cegas e surdas, quer tenham deficiências auditivas e visuais ou dificuldades funcionais e intelectuais.

Também temos que considerar a antecipação da Legislação futura que tende a determinar a acessibilidade como obrigatória.

A 3 de maio de 2016, a Comissão Europeia já apresentou uma proposta de lei que torna a acessibilidade obrigatória em todos os sites dos estados-membro. Estamos a falar de páginas da Internet de organismos públicos, desde serviços administrativos e judiciais, passando por universidades, hospitais e bibliotecas. Esta realidade não tardará a ser mais abrangente, incluindo também o setor privado.

Acessibilidade para quem?

Tornar os sites acessíveis não tem apenas como alvo as pessoas com deficiência. O conceito de acessibilidade vai ao encontro do princípio de universalidade da Internet que é também o grande poder do World Wide Web.

Assim, estamos a falar de tornar um site mais fácil de utilizar por toda a gente (mesmo quem não tem incapacidades).

Voltando à questão do envelhecimento, a Europa é o continente com mais idosos em todo o mundo e a Acessibilidade também tem como particular alvo as pessoas mais velhas, que têm dificuldades de visão, que ouvem mal ou que desenvolvem dificuldades físicas ou motoras.

Como fazer um site acessível?

Mas é impossível fazer um site acessível para toda a gente. Por isso, deve-se tentar abranger o máximo de pessoas possível.

Primeiramente, temos que pensar na audiência do nosso site. Afinal, estamos a escrever para quem? Quem é que vai de facto consultar a nossa página?

Na hora de estruturar o conteúdo, é importante fazê-lo da forma mais correcta, usando também palavras simples e frases curtas.

E é preciso pensar em alternativas às soluções "tradicionais", digamos, prevendo descrições em texto para as imagens, tabelas de dados para os gráficos e legendas para os vídeos.

Um bom truque para planear um site acessível é fazer uma espécie de projecção vocal do mesmo, começando por pensá-lo como um site "falado".

Pode confirmar se o seu site é acessível ou não instalando a aplicação Word Accessibility Checker.

 

Quer um site acessível? Nós ajudamos - para que não tenha mais preocupações para lá do seu negócio.

 

O que se pode fazer de imediato?

A melhor forma de começar é apostando na resolução dos problemas de usabilidade, pois confundem toda a gente! Depois disso, deve apostar-se nos detalhes mais pequenos que se podem resolver de imediato e de forma rápida.

Eis algumas das alterações imediatas que pode encetar fazendo toda a diferença:

  • Adicionar "Alt Text" apropriado a todas as imagens - disponibilizando informação sobre as imagens aos seus visitantes e ajudando também o Google a "lê-las".
  • Usar títulos/cabeçalhos correctamente e nas proporções adequadas.
  • Adaptar as suas formas a leitores de ecrã.
  • Colocar a opção "Avance para o conteúdo principal" no topo de cada página.
  • Tornar todo o conteúdo acessível através do teclado.
  • Criar contraste suficiente entre o texto e o background.
  • Usar um template acessível.

Depois de ter passado por esta fase, é boa ideia estudar o assunto e colocar pessoas com incapacidades a testar o site para ver o que pode fazer a seguir.

Dicas Importantes para o Texto

  • Contraste - especial cuidado com tons claros de cinzento, laranja e amarelo (usar o plugin WAVE  para detectar erros de contraste e de acessibilidade em geral).
  • True Text - alarga melhor, carrega mais depressa e é mais fácil de traduzir. Usar CSS em vez de Editor para acrescentar estilo visual.
  • Maiúsculas - cuidado com o seu uso porque são difíceis de ler e podem ser lidas incorrectamente por leitores de ecrã.
  • Tamanho de letra - uso adequado do tamanho da letra que pode variar em função da fonte escolhida - 10 costuma ser o mínimo recomendável.
  • Comprimento da linha - não deve ser demasiado longa porque se torna ilegível.

Dicas Importantes para os Links

  • Devem ser reconhecíveis e identificáveis .
  • Links finais no corpo dos artigos com um sublinhado ou outro sinal que não é apenas uma cor distinta.
  • Assegurar que os usuários que usam teclados podem identificar visualmente um link focalizado - usar uma linha pontilhada ou outros indicadores sem cor.
  • Desenhar um link "Saltar para o conteúdo principal" - para usuários que usam o teclado, este link deve permanecer no topo da página. Pode estar oculto, mas tornar-se visível quando receber ou focalizar o teclado.
  • Garantir que o Texto dos Links faz sentido por si só - evite "Clique Aqui" ou outras referências ambíguas como "Mais" ou "Continuar" que podem ser confusas.

Dicas Importantes para os Media

  • USAR animações vídeo e áudio com muito cuidado.
  • Disponibilizar um botão Play / Pausa .
  • Evitar o uso de conteúdo a piscar ou com efeito estroboscópico, porque pode causar ataques (em pessoas epilépticas, por exemplo).
  • Desenhar controles de formulário acessíveis - garantir que há etiquetas e instruções detalhadas (prestar especial cuidado à validação de erros de formulário e mecanismos de recuperação).

 

 

logo growunder white 223x45px

Somos uma empresa formada por colaboradores que trabalham remotamente, focada e especializada na consultoria e administração de websites.

Contactos

(chamada para rede móvel nacional)
Av da República 6-1Esq
1050-191 Lisboa
Portugal