+351 914 132 130 info@growunder.com
  • Entrada
  • Blog
  • Dicas
  • Acessibilidade Web: como fazer um site acessível com passos básicos

Acessibilidade Web: como fazer um site acessível com passos básicos

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 em Acessibilidade dos sites é uma 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 para alcançar. Na União Europeia, há cerca de 80 milhões de pessoas que sofrem de algum tipo de deficiência e o aumento da idade da população aumenta esse número.

Há dados que apontam que, em 2020, haverá mais de 120 milhões de estrangeiros estrangeiros com incapacidades, quer sejam pessoas 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 terminar de tornar a acessibilidade obrigatória.

Em 3 de maio de 2016, a Comissão Europeia apresentou uma proposta de lei que torna a acessibilidade obrigatória em todos os sites de membros dos Estados-Membros. Estamos falando de páginas da Internet de organismos públicos, desde serviços administrativos judiciais, passando por universidades, hospitais e bibliotecas e a realidade não tardou 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 a que 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 têm incapacidades físicas ou motoras.

Como fazer um site acessível?

É 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 o nosso site?

Na hora de estruturar o conteúdo do site, é 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.

Uma 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.

O que se pode fazer de imediato?

A melhor forma de começar é apostando na resolução dos problemas de usabilidade: 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 - http://wave.webaim.org/ - 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 Média

  • USAR animações VÍDEO E Áudio com Muito cuidado.
  • Disponível um botão Play / Pausa .
  • Evitar o uso de conteúdo 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 etiquetas e instruções detalhadas (prestar especial cuidado à validação de erros de formulário e mecanismos de recuperação).
  • Não se encontre apenas na cor (para pessoas com problemas visuais, por exemplo, não ajuda nada).

Se depois disso tudo ainda não souber como tornar seu site acessível, entre em contato . Podemos usar-lo para entrar no mundo da Web de acessibilidade e assim alargar, o número de visitantes - e fazer o bem pelo caminho.

Leia também:

logo growunder white 223x45px

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

Contactos

Av da República 6-1Esq
1050-191 Lisboa
Portugal