O impacto da acessibilidade na SEO

Atualmente acessibilidade não é apenas um favor, mas um direito. A nível mundial, cerca de 15% da população tem algum tipo de deficiência. No total (como, por exemplo, os idosos), cerca de um quarto da população mundial beneficia de um sítio Web acessível. Não levar isto a sério significa dar um tiro no pé.

Com a minha experiência de trabalho com organizações para tornar os seus sítios Web mais acessíveis, gostaria de te explicar como optimizo este aspeto para os meus clientes. Desde a compreensão das diferentes necessidades e desafios dos utilizadores até à aplicação de técnicas e ferramentas práticas que tornam qualquer sítio mais acessível.(1)

Como é que a acessibilidade afecta a SEO?

A acessibilidade de um sítio Web é um aspeto importante que tem um impacto definitivo na SEO (mais do que pensas):

  1. Experiência do utilizador: os sítios Web acessíveis oferecem uma melhor experiência ao utilizador, o que, por sua vez, pode levar a uma menor taxa de abandono e a uma maior duração da visita. O Google e outros motores de busca apreciam este facto, que pode ajudar a obter classificações mais elevadas.
  2. Capacidade de resposta a dispositivos móveis: os sítios Web que funcionam bem em dispositivos móveis são frequentemente melhor classificados pelos motores de busca. Uma vez que a acessibilidade móvel é uma parte importante da acessibilidade geral, desempenha um papel na SEO.
  3. Velocidade do sítio: um sítio Web acessível será frequentemente optimizado em termos de velocidade. Tempos de carregamento mais rápidos contribuem para uma melhor experiência do utilizador, o que, por sua vez, pode ter um impacto positivo nas classificações.
  4. Textos alternativos para imagens: a utilização de textos alternativos ajuda a descrever as imagens para as pessoas que utilizam um leitor de ecrã. Isto não só é bom para a acessibilidade, como também ajuda os motores de busca a compreender o conteúdo da imagem.
  5. HTML semântico: um HTML bem estruturado não só torna um sítio Web mais acessível como também ajuda os motores de busca a compreender melhor o conteúdo. A utilização correcta dos títulos (H1, H2, etc.) e de outros elementos semânticos pode contribuir para a SEO.
  6. Acessibilidade das ligações: textos claros e descritivos das ligações facilitam a navegação dos utilizadores e fornecem também contexto aos motores de busca.
  7. Conformidade e multas: em algumas jurisdições, os sítios Web que não cumprem as normas de acessibilidade podem estar sujeitos a multas e sanções.
  8. Duplicação de conteúdos: os sítios Web acessíveis evitam muitas vezes a duplicação desnecessária de conteúdos, por exemplo, com versões móveis separadas das páginas. Isto pode ajudar a evitar problemas com conteúdos duplicados, o que, por sua vez, é benéfico para a SEO.

Em geral, melhorar a acessibilidade de um sítio Web pode conduzir a uma melhor experiência do utilizador, o que se traduz em sinais positivos para os motores de busca (o Chrome tem um teste de acessibilidade por alguma razão). Um sítio acessível pode atrair mais tráfego, reter os utilizadores durante mais tempo e, em última análise, contribuir para uma classificação mais elevada nos resultados de pesquisa.(2)(3)

Como é que o Lighthouse testa a acessibilidade?

O Chrome DevTools oferece uma auditoria de acessibilidade através da ferramenta Lighthouse, que pode classificar uma página em vários aspectos de acessibilidade. Eis alguns dos aspectos em que o Chrome DevTools pode testar:

  1. Descrições de imagens: verifique se todas as imagens têm um texto alternativo que descreva o que está na imagem.
  2. Relação de contraste: avaliar se o texto tem contraste suficiente com o fundo, o que é importante para a legibilidade.
  3. Elementos do formulário: verificar se os campos do formulário têm etiquetas e descrições correctas para que os utilizadores compreendam as informações necessárias.
  4. Navegação por teclado: verificar se o sítio Web é navegável com um teclado, sem necessidade de um rato.
  5. Estrutura do documento: análise da estrutura semântica do HTML, incluindo a utilização correcta de cabeçalhos, funções e outros elementos HTML importantes.
  6. Características Aria: verifica se as características ARIA (Accessible Rich Internet Applications) foram corretamente implementadas para melhorar a acessibilidade dos leitores de ecrã.
  7. Zoom e escalabilidade: verifique se os utilizadores podem ampliar e escalar o texto até 200% sem perder funcionalidade ou conteúdo.
  8. Atributos de língua: verificar se a língua correcta está definida no HTML, o que ajuda os leitores de ecrã a lerem corretamente o conteúdo.
  9. Formatação dos quadros: avaliar se os quadros estão corretamente formatados, com títulos e células de dados adequados, de modo a que a informação seja apresentada de forma lógica.
  10. Áudio e vídeo: testes para verificar a presença de legendas, transcrições ou outras alternativas ao conteúdo multimédia.
  11. Gestão da focalização: avaliar se os elementos focalizáveis têm uma sequência lógica e se existem indicadores de focalização visíveis.
  12. Daltónico: algumas ferramentas podem simular o aspeto de uma página para utilizadores com diferentes tipos de daltonismo, embora tal possa não acontecer diretamente no Chrome DevTools.
  13. Tempo e animações: analisar se o sítio oferece limites de tempo e se os movimentos e animações podem ser interrompidos ou parados.
  14. HTML obsoleto ou incorreto: verificar a presença de elementos HTML obsoletos ou incorretamente utilizados que possam afetar a acessibilidade.

O Lighthouse nas DevTools do Chrome fornece uma forma normalizada e abrangente de identificar estes e outros problemas de acessibilidade, oferecendo frequentemente sugestões e documentação sobre como corrigir os problemas. É uma ferramenta valiosa para os programadores que procuram melhorar a acessibilidade dos seus sítios Web.(4)

Soluções de acessibilidade e recursos necessários

Segue-se um quadro que mostra alguns dos principais pontos de acessibilidade, a sua prioridade, as possíveis soluções e os recursos necessários. As prioridades podem variar em função das necessidades específicas de um sítio Web e dos seus utilizadores, mas este quadro dá uma visão geral.(5)

ArtigoPrioridadeSoluçãoRecursos
Descrições de imagensElevadoAdicione texto alternativo a todas as imagens que descrevam o conteúdo.Conhecimentos de HTML/CSS, ferramentas de leitura de ecrã para testes.
Relação de contrasteElevadoAjustar as cores para atingir o rácio de contraste mínimo.Ferramentas de contraste de cores, como o Contrast Checker da WebAIM.
Elementos do formulárioElevadoIdentifique claramente os campos do formulário e utilize os elementos HTML adequados.Conhecimentos de HTML/CSS, ferramentas de teste de acessibilidade como o AXE.
Navegação por tecladoElevadoCertifique-se de que todos os elementos interactivos são acessíveis através do teclado.Testes com teclado, ferramentas de desenvolvimento do browser.
Estrutura do documentoMédioUtilizar HTML semântico, como cabeçalhos e listas correctos.Conhecimentos de HTML/CSS, ferramentas de teste semântico.
Características do AriaMédioUtilizar funções e atributos ARIA sempre que necessário e adequado.Especificação ARIA, ferramentas de teste de leitores de ecrã.
Zoom e escalabilidadeMédioAssegurar que o texto e o conteúdo podem ser aumentados sem perda de funcionalidade.Teste de browser, emulador móvel.
Atributos linguísticosBaixaDefina a língua principal da página utilizando o atributo lang.Conhecimentos de HTML.
Formato do quadroBaixaUtilizar elementos de tabela adequados, tais como <thead>, <th>, etc.Conhecimentos de HTML/CSS.
Áudio e vídeoMédioFornecer legendas, transcrições ou outras alternativas para conteúdos multimédia.Software de edição de vídeo, ferramentas de transcrição.
Gestão do focoMédioFornecer uma sequência lógica de focagem e indicadores de focagem visíveis.Testes de teclado, ferramentas de desenvolvimento do browser.
DaltonismoBaixaTeste e conceção para diferentes tipos de daltonismo.Ferramentas de simulação do daltonismo.
Tempo e animaçõesBaixaOfereça opções de pausa ou paragem de movimentos e animações e dê tempo suficiente para as acções com limite de tempo.Conhecimentos de JavaScript/CSS, testes de controlo de animação.
HTML desatualizado/incorretoBaixaSubstituir ou atualizar elementos HTML desactualizados ou incorretamente utilizados.Conhecimentos de HTML/CSS, ferramentas de validação como o W3C Validator.
Corrigir a acessibilidade e os recursos necessários.

É importante notar que a acessibilidade não é um projeto isolado, mas um processo contínuo. Testes e actualizações regulares, bem como a participação de utilizadores com necessidades diferentes, podem ajudar a tornar um sítio Web tão acessível quanto possível.

O que vejo frequentemente com os clientes é que os mesmos erros continuam a aparecer. Em particular, questões relacionadas com os componentes que são frequentemente alterados num sítio Web:

  • A estrutura do HTML;
  • questões relacionadas com as imagens;
  • ajustes na usabilidade móvel;
  • a legibilidade dos textos;
  • contraste (cores).

Estas coisas são muitas vezes ignoradas numa organização. Especialmente durante alterações “rápidas” ao sítio Web, isto pode correr mal.

Começar a acessibilidade do seu sítio Web

Trabalhar na acessibilidade de um sítio Web pode ser um processo complexo, mas pode ser estruturado utilizando um quadro. Segue-se um quadro geral que pode ser utilizado para melhorar a acessibilidade de um sítio Web:(6)

1. Compreensão e consciencialização

Objetivo: Garantir que toda a equipa compreende o que significa acessibilidade e porque é importante.

  • Formação e educação: dar formação a programadores, designers e criadores de conteúdos sobre normas e técnicas de acessibilidade.
  • Investigação: investigar as necessidades e requisitos específicos dos seus utilizadores, incluindo as obrigações legais.

2. Planeamento

Objetivo: definir objectivos claros e elaborar um plano para os atingir.

  • Política: desenvolver uma política de acessibilidade, incluindo normas como as WCAG.
  • Prioridades e objectivos: identificar áreas prioritárias e definir objectivos mensuráveis.
  • Ferramentas e recursos: escolher as ferramentas, tecnologias e recursos que serão utilizados.

3. Conceção e desenvolvimento

Objetivo: Integrar a acessibilidade em todas as fases de conceção e desenvolvimento.

  • Design acessível: utilizar padrões de design e esquemas de cores acessíveis.
  • Código semântico: escreva HTML e CSS limpos e semânticos.
  • Compatível com teclados e leitores de ecrã: garanta a acessibilidade total do teclado e teste com leitores de ecrã.
  • Capacidade de resposta: garantir um bom desempenho em diferentes dispositivos e tamanhos de ecrã.

4. Ensaios

Objetivo: verificar se o sítio cumpre as normas de acessibilidade estabelecidas.

  • Testes automatizados: utilize ferramentas como o Lighthouse para testar problemas comuns.
  • Testes manuais: realizar testes manuais, como testes de navegação no teclado e de leitores de ecrã.
  • Teste de utilizadores: envolver utilizadores reais com necessidades diferentes no processo de teste.

5. Aplicação e manutenção

Objetivo: lançar o sítio Web acessível e continuar a mantê-lo.

  • Implementação: entrar em funcionamento com o sítio Web acessível testado e validado.
  • Monitorização e actualizações contínuas: monitorizar e atualizar regularmente o sítio Web de acordo com as normas e tecnologias mais recentes.
  • Ciclo de feedback: criar um sistema de feedback dos utilizadores para permitir uma melhoria contínua.

6. Documentação e formação

Objetivo: documentar todos os processos e formar a equipa para garantir que a acessibilidade se torna parte integrante da cultura organizacional.

  • Documentar processos e directrizes: criar manuais e documentação para utilização futura.
  • Formação e sensibilização: continuar a formar e a sensibilizar os membros da equipa para a importância da acessibilidade.

Encerramento

Este quadro é um guia para trabalhar a acessibilidade e pode ser adaptado às necessidades e desafios únicos de cada projeto. Ao tornar a acessibilidade uma parte integrante de todo o processo, as organizações podem garantir uma experiência de utilizador inclusiva para todos.

Conclusão

Tal como referido neste artigo: A acessibilidade de um sítio Web desempenha um papel importante tanto no SEO como na conversão. Não otimizar isto também significa que já não “atrai” um quarto dos teus visitantes (e até mais do que isso em alguns sites).

Utiliza as ferramentas padrão do Lighthouse para mapear isto minuciosamente. Muitas vezes, a otimização pontual não produz o resultado desejado. Vejo-o como um processo para todos os projectos de SEO (porque, caso contrário, voltará ao mesmo nível seis meses depois). Boa sorte!

Fontes

  1. Iniciativa, W. W. A. (s.d.). Introdução à acessibilidade da Web. Iniciativa para a acessibilidade da Web (WAI). https://www.w3.org/WAI/fundamentals/accessibility-intro/
  2. Kc, A. (2023, 4 de abril). O impacto da acessibilidade do site no SEO: uma análise aprofundada. Conformidade com o site da ADA. https://adasitecompliance.com/website-accessibility-seo-impact/
  3. UserWay. (2024, 11 de janeiro). SEO & Acessibilidade em 2024 🔥 Estratégias chave para o sucesso. Blogue UserWay. https://userway.org/blog/the-impact-of-accessibility-on-seo/
  4. Pontua a acessibilidade do farol. (2019, 19 de setembro). Chrome para programadores. https://developer.chrome.com/docs/lighthouse/accessibility/scoring
  5. Visão geral. (2016, 27 de setembro). Chrome para programadores. https://developer.chrome.com/docs/lighthouse/overview
  6. 30 dicas de acessibilidade na Web | AccessComputing. (s.d.). https://www.washington.edu/accesscomputing/30-web-accessibility-tips
Senior SEO-specialist

Ralf van Veen

Senior SEO-specialist
Five stars
Obtenho um 5.0 no Google em 78 revisões

Há 12 anos que trabalho como especialista independente em SEO para empresas (nos Países Baixos e no estrangeiro) que pretendem obter uma classificação mais elevada no Google de uma forma sustentável. Durante este período, prestei consultoria a marcas de renome, criei campanhas internacionais de SEO em grande escala e orientei equipas de desenvolvimento globais sobre otimização de motores de busca.

Com esta vasta experiência em SEO, desenvolvi o curso de SEO e ajudei centenas de empresas a melhorar a sua capacidade de serem encontradas no Google de uma forma sustentável e transparente. Para isso, pode consultar o meu portefólio, referências e colaborações.

Este artigo foi originalmente publicado em 19 Abril 2024. A última atualização deste artigo foi em 11 Setembro 2024. O conteúdo desta página foi escrito e aprovado por Ralf van Veen. Saiba mais sobre a criação dos meus artigos nas minhas directrizes editoriais.