A acessibilidade dos sítios web permite tornar os sítios web, aplicações e outras tecnologias acessíveis a pessoas com uma série de deficiências. Todos os websites devem ser acessíveis a qualquer pessoa, independentemente de terem uma condição que afecte a forma como interagem ou utilizam um website.
Milhões de utilizadores da Internet têm necessidades que os poderiam impedir de aceder ou utilizar um website se este não for concebido tendo em mente as suas deficiências ou condições. Isto inclui:
- Visual: Incapacidade parcial ou total de ver cores ou perceber contrastes (por exemplo, cegueira de cor, cegueira)
- Audição: Incapacidade reduzida ou total de ouvir
- Físico: Dificuldade em mover ou utilizar partes do seu corpo, utilizar um rato/teclado, ou fazer movimentos precisos
- Apreensões: Condições que podem causar convulsões como epilepsia ou desencadeadas por luzes intermitentes
- Cognitivo: Condições que afectam a capacidade cognitiva como a demência e a dislexia
Tabela de Conteúdos
Estatísticas de Acessibilidade do Website 2022
- Até 10% das pessoas nos EUA têm dificuldades de leitura, incluindo dislexia
- 35% dos empresários americanos são disléxicos e 20% dos empresários britânicos são disléxicos
- 8% dos homens caucasianos nos EUA têm alguma forma de cegueira de cor
- 0,5% das fêmeas dos EUA têm daltonismo
- 7% dos adultos em idade activa têm uma grande dificuldade de destreza
- Cerca de 5% das pessoas nos EUA, Reino Unido e Canadá sofrem de dificuldades auditivas
- Cerca de 4% das pessoas nos EUA, Reino Unido e Canadá não conseguem ver suficientemente bem para ler
Como tornar o seu Website mais Acessível
Agora que compreendemos que a acessibilidade é importante para qualquer sítio web, é importante que saiba como tornar o seu sítio web acessível. Uma das melhores maneiras de começar a melhorar a acessibilidade do seu sítio web é escolher um bom CMS como o WordPress. Claro que não tem de usar o WordPress para o conseguir, mas poderá ver uma referência ao WordPress à medida que passamos por este guia de acessibilidade.
1. Tornar o teclado do seu Website Amigável
Um sítio Web amigo do teclado significa que pode aceder e navegar através do sítio Web e das suas páginas sem o uso de um rato. A forma mais comum de navegar através de um website sem rato é usando a tecla Tab num teclado.
As principais características como páginas, ligações, e conteúdo devem ser acessíveis através de um teclado. Ao conceber o seu website, deverá testar se todas as suas funcionalidades podem ser acedidas utilizando a tecla Tab . A melhor maneira de o fazer é testar o seu website sem o uso de um rato. Se não conseguir aceder a certas partes chave do seu sítio web, então estas questões precisam de ser abordadas.
Como pode ver no website WebHostingProf, pode simplesmente tabular através das ligações e formulários no website com o seu teclado. O melhor alojamento Web é realçado com uma linha pontilhada verde que identifica que esta ligação foi seleccionada utilizando a tecla Tab .
2. Adicionar texto Alt às imagens
Quando adiciona uma imagem ao seu sítio web, pode incluir algo chamado Texto Alt (texto alternativo). O texto alt descreve o que é uma imagem e é útil se uma imagem não for carregada.
Texto Alt é também utilizada quando acedida por leitores de ecrã; esta tecnologia lê a imagem e oferece contexto a uma imagem para aqueles que não a podem ver. Para além de proporcionar uma maior acessibilidade,
Texto Alt
pode ajudar a melhorar o SEO do seu website, uma vez que fornece o contexto de uma imagem aos motores de busca.
3. Escolher as cores certas
A cegueira de cor não é tão simples como ver uma cor como outra. As pessoas com daltonismo vêem todo um espectro de cores e percebem-nas de forma diferente de outra pessoa que tem daltonismo. Um website deve oferecer o contraste de cores correcto para que todos possam distinguir entre várias cores e conteúdos nas suas páginas.
Lembra-se de The Dress? Este foi um grande exemplo de como as pessoas vêem as cores de forma diferente. Algumas pessoas viram o vestido como azul, enquanto outras o viram como ouro. Indivíduos diferentes vêem as cores de forma diferente, por isso é essencial que o seu sítio web utilize o esquema de cores correcto para evitar que algumas pessoas não possam ver o seu conteúdo.
Se não tiver a certeza de como utilizar as combinações de cores correctas, existem muitas ferramentas úteis que pode utilizar, tais como o Contrast Checker ou o WebAIM.
4. Usar cabeçalhos
A fim de estruturar o seu conteúdo de uma forma acessível, deverá utilizar cuidadosamente os seus cabeçalhos. No WordPress, pode seleccionar facilmente o conteúdo ou títulos e atribuir cabeçalhos H1, H2, H3, H4, H5, e H6.
Cabeçalhos claros não só ajudam todos os visitantes do seu website a compreender como o seu conteúdo é estruturado, mas os leitores de ecrã também podem interpretar as suas páginas muito mais facilmente.
Deve usar apenas um cabeçalho H1 por página, que é normalmente o título da página. Os subtítulos podem começar em H2 e continuar em H3, H4, etc., quando apropriado. Deve-se seguir a estrutura de cabeçalho por ordem, para que H3 siga sempre um H2, em vez de um H4, e assim por diante.
5. Desenho do formulário
Se o seu website contiver quaisquer formulários, estes devem ser cuidadosamente concebidos. Cada formulário deve ser claramente identificado ao lado dos seus respectivos campos. Um leitor de ecrã será então capaz de interpretar claramente o formulário e os campos relevantes, facilitando o seu preenchimento.
Se o seu formulário exigir quaisquer instruções, estas devem ser claras e fáceis de compreender. Para os utilizadores que estão a criar o seu website no WordPress, pode criar formulários acessíveis utilizando um plugin chamado Caldera Forms Builder. Este plugin centra-se na acessibilidade.
6. Tabelas
As tabelas são realmente úteis para exibir grandes quantidades de dados. As pessoas que utilizam tecnologia de assistência beneficiarão de tabelas se estas forem utilizadas correctamente. É importante tornar as suas mesas tão simples quanto possível, para não complicar demasiado o seu propósito, ou confundir os leitores de ecrã.
Se o seu sítio web requer tabelas mais complexas, pode seguir o tutorial de W3 sobre como codificar uma tabela de acordo com as normas de acessibilidade.
7. Texto Escalável
A maioria dos dispositivos que pode utilizar para visitar um website, como um smartphone, PC, ou tablet, permitir-lhe-ão redimensionar o texto. Para as pessoas com deficiências visuais, isto é extremamente útil. Contudo, se o seu sítio web não for construído para suportar esta funcionalidade, dificultará a interacção dos utilizadores com o seu sítio web.
Ao construir o seu sítio web, deve certificar-se de que a escalabilidade do utilizador está ligada. Se for desligado, tornará quase impossível aos utilizadores redimensionar o texto.
Ao evitar unidades absolutas como tamanhos de texto definidos, pode tornar o seu website escalável. Pode testá-lo você mesmo fazendo zoom no site no seu navegador para verificar se o conteúdo é fácil de ler e de navegar. WebAIM criou um guia que é muito útil para discutir o tamanho da fonte do seu website.
8. Conteúdo Acessível
O conteúdo do seu sítio é o elemento central do seu sítio. Quando cria o seu conteúdo, precisa de ter a acessibilidade no fundo da sua mente em todos os momentos. Por exemplo, se estiver a escrever um acrónimo como WWW, explique o que é realmente este acrónimo – World Wide Web.
O texto de âncora para ligações internas ou externas deve ser descritivo, assegurando que todas as descrições são únicas. Se estiver a debater-se com este conceito, imagine um computador a ler o conteúdo do seu website e pense se faria sentido que alguém o adoptasse a um nível básico.
9. Meios de comunicação automáticos
Embora esta seja uma frustração pessoal minha, é também muito má em termos de acessibilidade. Não há nada mais frustrante do que um vídeo ou música a começar a tocar assim que se carrega um website.
Se alguém estiver a utilizar um leitor de ecrã, é incrivelmente difícil desligar qualquer meio de reprodução automática. Aqueles com problemas sensoriais podem ser dissuadidos ou mesmo assustados pelo ruído súbito, por isso, se quiser incluir os meios de comunicação, deve pedir permissão ou pedir ao utilizador que isso aconteça.
Os carrosséis e os cursores fazem, sem dúvida, um website parecer agradável, mas mais uma vez, estes podem causar frustração aos utilizadores com problemas de acessibilidade. Se um leitor de ecrã estiver a ler o conteúdo num deslizador, e passar para o deslizador seguinte, não oferece muito tempo para o utilizador absorver o conteúdo.
A Acessibilidade do Website é Importante
O resultado final é que a acessibilidade da web é importante para um website de sucesso, e um website que responda às necessidades de todos. Criar um website que muitas pessoas possam utilizar não só é bom para elas, como pode funcionar a seu favor em termos de SEO.
Quando o seu sítio Web tem melhor classificação, obtém mais tráfego e um aumento das conversões. Sim, pode ser frustrante ter de corrigir os seus erros, mas se conseguir optimizar a acessibilidade do seu sítio web, irá colher as recompensas.