Quando muitas pessoas ouvem a palavra acessibilidade, pensam em texto 'alt' e pouco mais. A verdade é que, ao construir um sítio Web, a acessibilidade deve ser tida em conta em todas as fases do processo. De acordo com a OMS (em 2023), estima-se que 1,3 mil milhões de pessoas tenham uma deficiência, o que equivale a 1 em cada 6 pessoas. Isto significa que 1 em cada 6 pessoas que visitam o seu sítio Web pode necessitar de alterações de acessibilidade para poder ler ou compreender o seu sítio. 

Aviso importante:

A partir de 28 de junho, a EAA (Lei Europeia da Acessibilidade) entrará em vigor, o que significa que a maioria dos sítios Web (especialmente os que vendem bens ou serviços) deve ser legalmente compatível com as normas de acessibilidade baseadas no WCAG 2.1 Nível AA. Para mais informações, visite Nível de acesso. 

Os níveis de acessibilidade (WCAG)

WCAG significa Diretrizes de Acessibilidade para o Conteúdo da Web. Desenvolvidas pelo World Wide Web Consortium para tornar os conteúdos digitais mais acessíveis a pessoas com deficiência. 

1. A (Básico) - Requisitos mínimos (por exemplo, texto alternativo, navegação no teclado).
2. AA (Padrão) - Recomendado para a maioria dos sítios Web (por exemplo, contraste de cores, navegação clara)
3. AAA (Melhorado) - O nível mais elevado, mas nem sempre prático (por exemplo, linguagem gestual, múltiplas opções de navegação)

Porque é que a acessibilidade é importante?

Imagine-se a olhar para um sítio Web e não conseguir lê-lo, porque as cores são uma mistura horrível e as palavras parecem estranhas. Agora imagine que, em todos os sítios Web que consultasse, se debatia com os mesmos problemas - isso prejudicaria seriamente a sua capacidade de utilizar a Internet. O daltonismo afecta cerca de 1 em cada 12 homens (8%) e 1 em cada 200 mulheres. Para além disso, na Grã-Bretanha, cerca de 10% da população tem dislexia.

Garantir que a sua marca e o seu sítio Web têm cores muito contrastantes significa que será muito mais fácil de ler para uma parte razoável dos visitantes do seu sítio. 

No que diz respeito ao tipo e tamanho do tipo de letra, não existem diretrizes de acessibilidade claras. No entanto, como regra geral, 16px ou mais para o corpo de texto é um bom ponto de partida. Tente evitar tipos de letra mais sofisticados, tais como tipos de letra de script como Pacífico ou Lagosta (exemplo abaixo) ou itálico pois podem ser mais difíceis de ler. 

No caso de deficiências como a dislexia, pode também ajudar a otimizar o seu sítio escrevendo com uma voz ativa em vez de passiva e mantendo as frases concisas. Evite também parágrafos longos e desnecessários se o puder evitar. Utilize um texto escuro num fundo que não seja branco e divida o texto regularmente utilizando H2's e H3's para permitir que os utilizadores vejam o conteúdo do texto sem o lerem todo. Para os utilizadores daltónicos, evite cores como os verdes, rosas e vermelhos, uma vez que estas são as cores mais comuns com que as pessoas têm dificuldade em lidar.

A importância do texto alternativo

Muitos profissionais de marketing estão cientes do texto ALT (texto alternativo) do ponto de vista de SEO e podem utilizar o espaço para introduzir palavras-chave para aumentar a capacidade de rastreio da página pelos robots dos motores de busca. No entanto, poucas pessoas consideram o facto de o texto alternativo existir para que os leitores de sítios Web e de ecrãs o possam ler e dar contexto à página. Isto permite que as pessoas com velocidades de Internet lentas e as que têm dificuldade em interpretar imagens possam compreender o conteúdo da imagem, aumentando a acessibilidade do sítio Web. 

 

Melhores práticas de texto alternativo. 

A melhor forma de otimizar o seu texto alternativo para acessibilidade (mas também para SEO) é escrever uma descrição clara da imagem e incorporar a sua palavra-chave de forma natural. Para imagens decorativas que não precisam de palavras-chave no texto alternativo, não as deixe em branco. Em vez disso, forneça um "Atributo nulo" para que os leitores de ecrã saibam que devem ignorar a imagem.

Exemplo de um atributo nulo:
<img src="”insertimagetitlehere.jpg”" alt="&quot;&quot;">

 

É uma boa prática escrever texto alternativo para imagens importantes sempre que possível. Por exemplo, a sua palavra-chave é "Macbook", por isso quer escrevê-la no texto alternativo, mas também precisa que o texto alternativo faça sentido. Também não deve escrever texto estranho, o seu texto alternativo não deve explicar que se trata de uma imagem (por exemplo, a fotografia contém a imagem contém).

 

O texto alternativo para esta imagem deve ser: "Pessoa com uma camisola amarela e pulseiras douradas, sentada numa secretária a escrever no Macbook"

 

Apps e Add Ons: 

Tipo de letra aberto para dislexia

Algumas pessoas disléxicas utilizam a extensão Disléxico aberto para alterar o tipo de letra do seu browser para um tipo de letra especificamente concebido para pessoas disléxicas. Ao testar a compatibilidade do seu sítio Web com esta extensão e ao construí-lo tendo isto em mente, pode certificar-se de que o seu sítio Web é tão acessível e amigo dos disléxicos quanto possível. 

Colourblindly e Colourcontrast.CC.

Daltónico é outra extensão do Chrome, mas desta vez simula o aspeto do seu sítio Web para pessoas com diferentes tipos de daltonismo. Ao clicar nos tipos de daltonismo, pode ver como o seu sítio Web é visto em tempo real. Isto em conjunto com Corcontraste.cc é a combinação perfeita para garantir que o seu sítio Web e marca seja tão acessível quanto possível. 

 

 

 

Texto alternativo IA:

Se tem dificuldade em escrever texto alternativo, existem ferramentas de IA que o podem ajudar. Alttext.AI "lê" a imagem e gera uma legenda adequada. Não se esqueça de verificar isto duas vezes e de adicionar a sua palavra-chave (o mais perfeitamente possível) para fins de SEO. 

 

Outras formas de garantir a acessibilidade do sítio Web.

• Tornar os elementos interactivos fáceis de identificar - Isto inclui certificar-se de que as suas ligações têm uma cor diferente e estão sublinhadas e que os botões se destacam facilmente do fundo. Utilize ferramentas como o Colourcontrast.cc para verificar a acessibilidade das cores e certificar-se de que as suas cores são compatíveis. Evite combinações de cores como cinzento e amarelo ou rosa e vermelho.

 

• Assegurar que o seu sítio Web é acessível através do teclado - Algumas deficiências, como a distrofia muscular, podem dificultar a utilização de um rato ou de trackpads, pelo que os utilizadores recorrem à navegação por teclado. Garantir que o seu sítio Web pode ser navegado por teclado ou outros dispositivos de acessibilidade é uma consideração importante ao desenvolver o seu sítio Web. Utilizando a tecla de tabulação, deve levá-lo a cada elemento focável da página Web.
  • Os elementos que devem ser focáveis incluem (mas não se limitam a): Apelo à ação Botões, Resumos e controlos de áudio e vídeo.

 

• Conceção para utilização móvel - Algumas pessoas têm dificuldade em utilizar um computador portátil, pelo que recorrem a telemóveis ou dispositivos com ecrã tátil, como iPads, para navegar nos sítios Web. Garantir que o seu sítio Web tem um design reativo e está optimizado para dispositivos móveis é uma excelente forma de o tornar mais acessível. Especialmente porque cerca de 9 em cada 10 pessoas acedem agora à Internet através de um dispositivo móvel de algum tipo. 

 

• Texto âncora descritivo. Também conhecido como texto de ligação, o texto âncora é um texto clicável que liga a outro sítio (normalmente outro sítio ou página). Garantir que este texto é descritivo e claro fornece contexto aos utilizadores, especialmente aos que utilizam leitores de ecrã ou têm uma velocidade de Internet lenta e não conseguem clicar na ligação. 

Avançar e otimizar!

Agora tem todas as ferramentas e informações para ver como a acessibilidade do sítio Web é realmente importante. quando conceção do seu sítio webSe o utilizador tiver em conta a forma como todos os utilizadores podem interagir com o seu sítio Web, também pode aumentar a capacidade de rastreio do sítio, aumentar a duração da sessão e diminuir o tempo de rejeição; uma vitória geral. Quando se trata de acessibilidade, a perfeição é quase impossível. No entanto, isto não significa que seja aceitável admitir a derrota ao primeiro obstáculo. Optimize o seu sítio da melhor forma possível, tenha em conta todos os aspectos acima referidos e mantenha-se atualizado sobre as novas formas de otimizar o seu sítio em termos de acessibilidade.