O que é acessibilidade de site? (4 dicas para conformidade com a ADA)

Publicados: 2023-02-12

A internet deve ser acessível a todos, independentemente de qualquer deficiência ou deficiência que possam ter. No entanto, desenvolver um site amigável para todas as pessoas pode ser um desafio.

Felizmente, algumas ferramentas, técnicas e diretrizes podem ajudá-lo a criar um site mais acessível. Essa acessibilidade pode permitir que você se conecte com um público mais amplo, proteja sua reputação e o mantenha longe de problemas legais.

Nesta postagem, começaremos discutindo o que é acessibilidade em sites e por que ela é tão importante. Em seguida, compartilharemos quatro maneiras de fornecer uma boa experiência a todos os usuários. Vamos começar!

Índice
1. Uma introdução à acessibilidade do site
1.1. Por que a acessibilidade do site é importante
1.2. Compreendendo os Requisitos Legais para Acessibilidade na Web
2. Como tornar seu site WordPress acessível (4 maneiras)
2.1. 1. Verificar problemas de usabilidade
2.2. 2. Adicione texto alternativo às suas imagens
2.3. 3. Forneça uma alternativa ao áudio do seu site
2.4. 4. Identifique quaisquer problemas de acessibilidade com seu tema WordPress
3. Conclusão

Uma introdução à acessibilidade do site

Acessibilidade é tornar seu site utilizável para o maior número de pessoas possível. Isso inclui garantir que todos possam navegar, entender, interagir e contribuir com seu site WordPress.

Quando falamos de acessibilidade, geralmente nos concentramos em usuários com deficiência, e por um bom motivo. Segundo a Organização Mundial da Saúde (OMS), cerca de 15% da população tem algum tipo de deficiência.

Um site totalmente acessível pode ser usado por pessoas com qualquer tipo de deficiência auditiva, cognitiva, neurológica, física, de fala ou visual. Alguns visitantes podem optar por acessar seu site usando ferramentas de assistência, como leitores de tela. Para oferecer suporte a esses usuários, você precisará garantir que seu site seja otimizado para essas ferramentas.

Você também pode fazer melhorias gerais de usabilidade em seu site. Um exemplo seria aumentar o tamanho da fonte, o que pode beneficiar usuários com deficiência visual.

Acessibilidade também significa fornecer maneiras alternativas de acessar a mídia do seu site. Por exemplo, é uma boa ideia fornecer legendas ocultas para o conteúdo do seu vídeo:

Captura de tela do vídeo do YouTube do WP Engine, "Powering Your Freedom to Create"

As pessoas com deficiência não são os únicos visitantes que podem se beneficiar de um site mais amigável. Algumas pessoas podem ter uma lesão temporária que afeta sua mobilidade, como um pulso torcido. Outros podem ter problemas relacionados à idade.

Mesmo situações temporárias podem tornar mais difícil para os visitantes obter valor de seu site. Você já navegou na Internet em um café barulhento ou em uma estação de trem? Você provavelmente saberá como pode ser difícil ouvir os vídeos de um site ou outro conteúdo de áudio nesses cenários.

Em todas essas situações, seus usuários podem se beneficiar de algumas melhorias de acessibilidade, como transcrições. Ao priorizar a usabilidade, você pode fornecer as ferramentas que os visitantes precisam para obter valor de seu conteúdo, independentemente de suas situações pessoais ou circunstâncias temporárias.

Por que a acessibilidade do site é importante

Se você não priorizar a acessibilidade, poderá excluir pessoas que, de outra forma, teriam se beneficiado com seu conteúdo. Em primeiro lugar, isso é injusto. Isso também reflete negativamente na sua marca e pode até resultar em críticas ou reclamações ruins.

Um site acessível também tem um público potencial maior. Segundo a OMS, mais de um bilhão de pessoas têm algum tipo de deficiência. Se o seu site não estiver aberto a esses indivíduos, você possivelmente estará perdendo visitantes e possíveis conversões.

Como já mencionamos, as melhorias de usabilidade geralmente impactam positivamente seu público mais amplo. Vejamos um exemplo.

Aumentar o tamanho dos elementos interativos do seu site pode beneficiar pessoas com problemas de destreza manual. No entanto, essas mudanças também podem facilitar a vida de quem acessa seu site usando uma tela menor, incluindo usuários de smartphones e tablets.

Uma parte significativa da acessibilidade é fornecer aos visitantes mais opções. Por exemplo, alguém pode acessar seu site em um local onde não pode ouvir seu áudio, como uma biblioteca ou sala de aula. Nesse cenário, eles podem gostar de usar legendas.

A acessibilidade oferece aos visitantes a flexibilidade de consumir o conteúdo do seu site da maneira que for melhor para eles. Portanto, pode melhorar a experiência do usuário para todos que visitam seu site.

Compreendendo os Requisitos Legais para Acessibilidade na Web

A Lei dos Americanos com Deficiência (ADA) afirma que toda tecnologia eletrônica e de informação deve ser acessível a pessoas com deficiência. A conformidade com a ADA é um requisito legal para quase todos os sites.

Além disso, a ADA declara especificamente que você deve aderir às suas políticas se for um empregador privado com 15 ou mais funcionários. Também se aplica se a sua empresa operar em benefício do público.

Se o seu site não atender aos padrões da ADA, você poderá ter problemas legais. Mesmo que você não tenha violado intencionalmente essas regras, ainda pode haver motivos para uma ação judicial.

As evidências até sugerem que esses casos legais estão aumentando. O número total de ações judiciais de acessibilidade digital aumentou 15% em 2021, atingindo uma taxa de mais de dez por dia. São mais de 4.000 casos de acessibilidade em que o assunto da reivindicação era um site, um aplicativo móvel ou conteúdo de vídeo.

Se você for considerado culpado de violar o ADA, os tribunais podem ordenar indenizações compensatórias e pagamentos atrasados ​​para remediar a discriminação. O Departamento de Justiça também pode cobrar multas civis de até $ 55.000 pela primeira violação e $ 110.000 por qualquer ofensa subsequente.

Vale a pena notar que o Departamento de Justiça ainda não divulgou nenhuma diretriz oficial da ADA sobre acessibilidade de sites. No entanto, é amplamente aceito que o nível AA das Diretrizes de Acessibilidade de Conteúdo da Web (WCAG) 2.0 é o padrão de fato nos EUA.

Como tornar seu site WordPress acessível (4 maneiras)

Acabamos de abordar por que você deve priorizar a usabilidade. Agora, vamos ver como você pode garantir que seu site esteja totalmente em conformidade com o ADA. Aqui estão quatro maneiras de tornar o WordPress mais acessível!

1. Verificar problemas de usabilidade

Acessibilidade é um tópico enorme com altos riscos. Se você ignorar apenas um problema de usabilidade, poderá perder vendas em potencial e até mesmo desencadear uma ação judicial. Por esse motivo, é aconselhável verificar seu site usando um software de acessibilidade especializado.

Nenhuma ferramenta automatizada é infalível ou um substituto para o teste manual. Usabilidade é tudo sobre casos reais de uso humano. Isso significa que apenas as pessoas podem julgar se seu site é realmente acessível.

No entanto, uma varredura automatizada pode criar uma lista inicial de problemas a serem resolvidos. Depois de resolver esses problemas, você pode avançar para o teste manual.

Existem várias ferramentas disponíveis, mas o Website Accessibility Evaluation (WAVE) é um conjunto de software que pode identificar uma série de problemas de usabilidade:

Captura de tela do Wave, uma "ferramenta de avaliação de acessibilidade na Web"

Depois de inserir a URL do seu site e executar o teste, clique no ícone i para ver mais informações sobre cada erro detectado. O WAVE ainda sugere recursos que podem ajudá-lo a entender problemas específicos de acessibilidade:

Captura de tela do site do Wave e como ele examina os domínios quanto à acessibilidade

A desvantagem deste software é que o WAVE só pode digitalizar uma única página por vez. Para reduzir o tempo de teste, você pode querer instalar a extensão WAVE for Firefox ou WAVE for Chrome. Esta ferramenta permite executar o WAVE em uma página da Web com o clique de um botão:

Captura de tela da Chrome Web Store, ferramenta de avaliação do Wave

Como alternativa, você pode verificar seu site usando um plug-in como o WP ADA Compliance Check. Esta ferramenta gratuita possui 50 verificações de erro:

captura de tela do painel do WordPress, guia Básico de acessibilidade na Web

Você pode realizar uma verificação completa manualmente a qualquer momento. Para maior comodidade, o WP ADA Compliance Check também pode testar automaticamente seu site quanto a problemas de acessibilidade sempre que você publicar um novo conteúdo.

2. Adicione texto alternativo às suas imagens

De acordo com as diretrizes WCAG, todos que visitam seu site devem ter acesso a todas as suas informações. Portanto, você deseja adicionar texto alternativo a todas as suas imagens. Pessoas com deficiência visual podem acessar esse conteúdo por meio de leitores de tela.

No entanto, imagens puramente decorativas, como gráficos de fundo, não precisam de texto alternativo. Você também não precisa fornecer descrições para visuais que repetem informações já comunicadas em outro lugar, como no conteúdo escrito da página.

Você pode adicionar texto alternativo a qualquer imagem na Biblioteca de mídia do WordPress:

Captura de tela de uma imagem sendo carregada no WordPress com texto âncora "uma camiseta com impressão gráfica verde"

Como alternativa, você pode criar um texto alternativo após inserir uma imagem em sua página. Basta selecionar o gráfico em questão e abrir a guia Bloco . Em seguida, clique para expandir a seção Configurações de imagem e escreva seu texto alternativo:

Captura de tela da imagem sendo carregada no WordPress com o texto ALT, "um par de óculos de sol"

Os leitores de tela não podem acessar o texto incorporado em uma imagem, como anotações. Se um gráfico contiver algum texto, você deve incorporá-lo à sua descrição alternativa. Como alternativa, você pode editar a imagem para que esse conteúdo escrito apareça como texto simples ao lado dela.

Ao escrever um texto alternativo, você pode ficar tentado a fornecer o máximo de informações possível. No entanto, ouvir o conteúdo pode ser muito mais lento do que lê-lo. Se você explicar demais ou incluir detalhes desnecessários, pode acabar frustrando seu público em vez de ajudá-lo.

3. Forneça uma alternativa ao áudio do seu site

Alguns de seus visitantes podem ter problemas de audição, devido à idade ou deficiências. Outras pessoas podem não conseguir ouvir o áudio do seu site devido ao ambiente.

Essas pessoas precisam de uma forma alternativa de consumir seu conteúdo de áudio. Para vídeos, isso pode significar fornecer legendas ocultas:

Captura de tela de um vídeo do YouTube com legendas ocultas para acessibilidade, intitulado "The Freedom to Work Remotely Across Ireland"

Você pode adicionar um arquivo Web Video Text Tracks Format (WebVTT) a qualquer bloco de vídeo do WordPress. O WebVTT é simplesmente um documento de texto que formata suas legendas usando a especificação World Wide Web Consortium (W3C).

Você pode criar esse arquivo usando um serviço como o Subtitle Edit Online. No entanto, esta ferramenta é gratuita e ainda está em versão beta, por isso é aconselhável revisar as legendas geradas manualmente:

Captura de tela do teste BETA online de edição de legendas

Como alternativa, você pode fazer parceria com um serviço de legenda oculta que transcreverá o áudio de seus vários arquivos de mídia. Rev.com é um popular serviço de closed caption.

Captura de tela do Rev.com da página inicial do serviço de closed caption

Você pode considerar fornecer uma transcrição para conteúdo mais longo, como um podcast. Os visitantes podem então ler este arquivo em seu lazer.

Se você hospeda seus vídeos no YouTube, a plataforma possui uma área de Legendas dedicada para gerar transcrições. Você pode então copiar/colar este texto em seu site:

Captura de tela do gerador de transcrição do YouTube

Também é importante notar que os mecanismos de pesquisa não podem acessar arquivos de áudio. Você pode ajudar esses mecanismos de pesquisa a entender o conteúdo de áudio da sua página publicando uma transcrição. Este documento pode melhorar sua classificação, bem como sua acessibilidade.

4. Identifique quaisquer problemas de acessibilidade com seu tema WordPress

Você pode investir tempo e energia para garantir que todo o seu conteúdo seja acessível. No entanto, há uma chance de que seu tema WordPress prejudique seus esforços.

Você pode identificar quaisquer problemas de acessibilidade com seu tema usando um plug-in como o WP Accessibility. Este software examinará o tema escolhido em busca de problemas comuns de acessibilidade, incluindo falta de atributos de idioma ou direção do texto. Ele também pode adicionar rótulos aos campos de formulário padrão do WordPress, como pesquisa e comentários :

Ilustração de ícones que representam tecnologia e acessibilidade

Depois de ativar este plug-in, navegue até Configurações > Acessibilidade WP em seu painel do WordPress. Lá, você encontrará várias configurações focadas em acessibilidade que podem ser ativadas e desativadas para resolver quaisquer problemas detectados:

Captura de tela da configuração WP Accessibility no WordPress

Alternativamente, você pode querer escolher um tema que foi projetado com a usabilidade em mente. A equipe do WordPress.com preparou uma lista de temas prontos para acessibilidade que podem fornecer uma experiência mais amigável.

Conclusão

Criar um site acessível a todos nem sempre é simples. No entanto, é a coisa certa a fazer – moralmente, profissionalmente e até mesmo legalmente.

Com isso em mente, vamos recapitular rapidamente quatro maneiras de criar um site mais acessível:

  1. Verifique se há problemas de usabilidade. Aqui, pode ser útil usar o plug-in WP ADA Compliance.
  2. Adicione texto alternativo às suas imagens.
  3. Forneça uma alternativa ao áudio do seu site com legendas e transcrições.
  4. Identifique quaisquer problemas de acessibilidade com seu tema WordPress usando um plugin como o WP Accessibility.

No WP Engine, entendemos que a acessibilidade é uma prioridade para muitos proprietários de sites. É por isso que cuidamos de todo o resto para você!
Ao fazer parceria com o WP Engine, você terá acesso à hospedagem WordPress otimizada para velocidade, segurança, estabilidade e escalabilidade. Isso deixa você livre para focar no que realmente importa: criar um site acessível que todos possam usar (e aproveitar)!