Ações judiciais de acessibilidade de sites estão crescendo: como sites WordPress podem se tornar compatíveis com ADA

Você conhece o Americans with Disabilities Act (ADA)? Infelizmente, a cada ano, mais proprietários de sites estão aprendendo da maneira mais difícil quando são processados ​​por não conformidade com o ADA. A ADA foi criada para garantir que indivíduos com deficiência tenham acesso justo e igualitário a moradia, emprego, transporte, acomodações públicas, comunicações e programas ou serviços governamentais até o nível municipal.

Seyfarth Shaw LLP, um importante escritório de advocacia internacional, relata que, em 2022, houve 3.255 ações judiciais movidas em tribunais federais “alegando que os demandantes com deficiência não podiam usar sites porque não foram projetados para serem acessíveis e/ou trabalhar com tecnologias assistivas. ” Todos os anos, desde 2010, esse número aumentou 10% ou mais. Litígios de acessibilidade relacionados a sites agora representam 37% de todos os processos do Título III da ADA.

Então, o que significa ser “compatível com o WordPress ADA?”

O ADA também se aplica online

A legislação da ADA deixou muito claro que a acessibilidade para pessoas com deficiência não é apenas algo que ocorre no mundo físico. Também se aplica aos espaços digitais onde muitos de nós trabalhamos e passamos muito tempo. Locais de trabalho e espaços públicos ou escritórios que fornecem serviços essenciais precisam ser acessíveis a todos. Os sites também.

E o mundo digital inclui o site WordPress que você possui e opera.

É por isso que é necessário criar sites WordPress totalmente compatíveis com o ADA.

A boa notícia é que muitos programas de software e ferramentas especializadas ajudarão você a se tornar compatível com a ADA como proprietário de um site WordPress. Siga algumas práticas estabelecidas e coloque algumas ferramentas importantes em uso. Isso garantirá que o conteúdo do seu site esteja disponível e acessível a todos, incluindo pessoas com deficiência.

Neste guia, vamos nos aprofundar na Lei dos Americanos com Deficiência e por que você precisa cumpri-la em suas propriedades on-line para evitar possíveis ações legais. Existem muitos outros motivos para criar sites acessíveis também, e eles trazem benefícios diretos para os proprietários de sites.

Por fim, falaremos sobre as quatro principais dicas de acessibilidade que você pode usar a partir de hoje.

Vamos dar uma olhada.

Por que seu site WordPress precisa ser compatível com ADA

A lei federal dos Estados Unidos inclui fortes proteções que proíbem completamente qualquer empresa de negar empregos ou moradia com base nas habilidades físicas de um indivíduo.

A ADA exige acesso justo a:

• Espaços públicos
• Transporte
• Educação
• …e mais…

Além do mundo físico, as proteções da ADA se estendem a todas as tecnologias da informação e também à acessibilidade eletrônica.

Por causa disso, a conformidade com a ADA afeta quase todos os sites publicados. E mesmo que a lei não existisse, ainda é uma ótima prática garantir que seu site WordPress seja acessível ao maior número possível de usuários.

Mais especificamente, a ADA declara explicitamente que os indivíduos devem aderir às suas políticas de acessibilidade se forem empregadores privados com um mínimo de 15 funcionários.

Além disso, a conformidade com a ADA é obrigatória se você possui uma empresa que opera para benefício público, como uma instituição de caridade registrada.

Além disso, todos os sites de agências governamentais locais e estaduais, incluindo sites para escolas, devem ser 100% compatíveis com ADA.

O que significa ter um site WordPress compatível com ADA?

Vamos primeiro dar uma olhada em alguns dos padrões de acessibilidade do site impostos pela ADA:

• Um site compatível com ADA deve permitir que usuários com deficiência visual percebam o conteúdo de seu site usando leitores de tela .
• O site deve fornecer transcrições ou legendas de todo o conteúdo de áudio . Isso permite que usuários surdos absorvam o conteúdo do site.
• Ele precisa oferecer suporte à navegação por teclado para que os usuários que não são capazes de utilizar um mouse de computador tradicional possam navegar no site.
• Um site compatível com WordPress ADA implementará um design visual acessível que ajuda a acomodar usuários daltônicos ou com fotossensibilidade.

Lembre-se de que esta não é uma lista abrangente de padrões compatíveis com ADA. À medida que avançamos neste guia, entraremos em detalhes completos de como seu site WordPress pode atender a todos os requisitos da ADA. À medida que avançamos com os aspectos técnicos da acessibilidade, tenha em mente esse quadro geral (e seus benefícios).

Quais são as possíveis consequências de não ter um site WordPress compatível com ADA?

Lembre-se, se o seu site não atender totalmente a esses padrões, você poderá ter problemas com a lei. Esse pode ser o caso, mesmo que você não pretenda impedir que pessoas com deficiência acessem e usem facilmente seu site WordPress. Na verdade, no caso de conformidade com a ADA, a intenção é separada da lei.

E isso não é uma ameaça teórica. Nos últimos anos, vários processos de alto nível relativos a sites que cumprem o ADA foram arquivados. O mais amplamente coberto desses processos foi contra a marca Domino's Pizza. Este caso foi até a Suprema Corte dos Estados Unidos.

Construir um site WordPress que seja mais acessível para pessoas com deficiência não é apenas a coisa certa a fazer. Também pode beneficiar muito sua marca e os negócios em geral.

Segundo a OMS (Organização Mundial da Saúde), cerca de 1,3 bilhão de pessoas em todo o mundo apresentam pelo menos um tipo de deficiência. Isso é cerca de 16% de toda a população mundial. São muitos novos clientes e visualizadores em potencial do seu site.

O que a Target aprendeu ao perder um processo de acessibilidade?

A Iniciativa de Acessibilidade na Web do World Wide Web Consortium (W3C) oferece um estudo de caso de um processo influente e inicial da ADA contra o site de acessibilidade de uma grande corporação dos Estados Unidos: target.com. A National Federation of the Blind (NFB) foi bem-sucedida como demandante neste caso porque o site da Target não tinha os principais recursos de acessibilidade:

• texto alternativo (alt) que descreve imagens para deficientes visuais que usam leitores de tela
• controles de teclado para concluir compras online sem usar um mouse
• mapas de imagens acessíveis mostrando a localização das lojas
• design de página HTML semântica compatível com os padrões adequados com títulos que auxiliam a navegação no site

Hoje, a Target Corporation é campeã em acessibilidade na web. Aqui está Jason Goldberger, diretor digital da Target e presidente da Target.com em 2016, explicando do que ele mais se orgulha, após uma década de trabalho para tornar a Target.com acessível e compatível com ADA:

… Eu regularmente ouço colegas de muitas equipes diferentes falando sobre acessibilidade sem ser solicitado e trabalhando nisso em seus planos sem nenhum lembrete nosso. Tornou-se parte da conversa diária, e isso é incrível porque nem sempre foi assim. Pensar nas pessoas com deficiência é parte integrante da equipe digital e, para mim e outros convidados cegos, é outra parte do que torna a Target especial.

Embora a acessibilidade possa ser muito técnica em sua implementação, esse é o panorama geral do que ela oferece suporte e possibilita: uma cultura positiva da empresa em sintonia com as necessidades de seus clientes e potenciais clientes como pessoas .

Como obter um site compatível com WordPress ADA

Agora você tem uma compreensão geral do que é a Lei dos Americanos com Deficiência e por que ela é tão importante. A seguir, veremos como você pode tornar seu site WordPress compatível.

Aqui estão as quatro coisas que você precisa fazer para chegar lá.

1. Saiba como é um site WordPress compatível com ADA

O Departamento de Justiça dos Estados Unidos ainda não divulgou ou publicou nenhuma diretriz de conformidade oficial para o ADA. No entanto, dá algumas recomendações sólidas.

Familiarize-se com o WCAG

Em particular, a ADA encoraja cada organização a seguir as Diretrizes de Acessibilidade de Conteúdo da Web (WCAG), nível 2.0 AA.

Essas diretrizes afirmam explicitamente que todos os visitantes do site devem ser capazes de perceber todas as informações que aparecem em seu site WordPress. Para fazer isso, os proprietários de sites precisam fornecer alternativas para a mídia que circula em seus sites.

Legendas de vídeo

Veja o YouTube como exemplo. Como a conformidade com a ADA tornou-se obrigatória, eles fornecem legendas automaticamente para todo o conteúdo de vídeo e áudio hospedado e reproduzido na plataforma.

Formulários Acessíveis

Por exemplo, você pode considerar o uso de prompts de entrada sugeridos para ajudar a esclarecer as informações que os usuários do site precisam inserir em seus formulários de contato.

Além disso, se um usuário inserir informações incorretas em um formulário, tente fornecer recomendações simples sobre o que eles podem fazer para corrigir esses erros de entrada.

Fazer isso é muito mais útil (e acessível) do que exibir apenas uma mensagem de erro genérica com entrada do usuário que não é válida.

Suporte a leitores de tela e navegação por teclado

Você provavelmente já tem alguns visitantes do site que estão interagindo com seu site usando leitores de tela. Para as pessoas que fazem isso, o texto alternativo descritivo é extremamente útil para entender as imagens exibidas em seu site WordPress.

Indivíduos com problemas de destreza manual ou visual geralmente acham muito mais fácil interagir com sites usando controles de navegação como teclado ou teclado. Para os usuários que fazem isso, você deseja ter uma estrutura consistente e clara de navegação no site.

Você também pode fornecer indicações visuais dos elementos que estão em foco no momento. Esses elementos serão ativados na próxima vez que o visitante do site executar uma ação, como pressionar a tecla 'Retornar' no teclado.

2. Faça uma revisão de conformidade com a ADA para ver onde você está atualmente

Acessibilidade não é um tema simples. Na verdade, é um tópico enorme que envolve muitos elementos diferentes de design de interface de anúncio usados ​​para criar um site WordPress mais amigável. Se o proprietário de um site negligenciar apenas um fator relacionado à acessibilidade, isso pode impedir facilmente que um usuário do site (e cliente em potencial) tenha uma experiência positiva em seu site.

Avaliação de Acessibilidade do Site (WAVE)

Um bom lugar para começar a avaliar a qualidade da experiência do usuário (UX) do seu site à luz dos padrões de acessibilidade é um conjunto de ferramentas chamado Website Accessibility Evaluation (WAVE). O WAVE examinará seu site WordPress e listará todos os possíveis problemas de acessibilidade. Esta é uma ferramenta incrivelmente valiosa para usar que ajuda a identificar a enorme variedade de problemas que podem afetar a usabilidade do site.

Ao visualizar esta lista do WAVE, você poderá clicar nos ícones que a acompanham para obter mais informações sobre cada erro de acessibilidade detectado. A ferramenta ainda sugere recursos para você que fornecerão ainda mais informações sobre cada problema de usabilidade.

Infelizmente, o WAVE é uma ferramenta limitada que pode escanear apenas uma página da Web por vez. Para acelerar o processo de verificação de todo o seu site WordPress, é uma boa ideia instalar as extensões WAVE for Firefox ou WAVE for Chrome (dependendo do navegador de sua preferência).

As extensões permitirão que você execute o WAVE em todas as páginas da Web que estiver visualizando no momento.

3. Siga sempre as práticas recomendadas compatíveis com o WordPress ADA ao criar sites acessíveis

Depois de testar a acessibilidade do seu site e compilar os resultados, é hora de abordar cada problema individual que você identificou.

É imperativo que você faça um balanço completo do conteúdo do seu site. Considere se você pode fornecer saídas de mídia alternativas para o que você já publicou.

Serviços de transcrição

Se você não puder ter seu conteúdo transcrito por um profissional, existem algumas ferramentas de software que irão gerar automaticamente as legendas para você.

Infelizmente, alguns deles são um pouco desleixados e imprecisos às vezes. Mas se usar ferramentas de software de transcrição é sua única opção, é melhor do que não fornecer nenhuma transcrição de seu conteúdo.

Você também deseja fornecer alternativas de texto escrito para os recursos visuais do seu site WordPress. Essa prática incrivelmente útil beneficia muito todos os usuários que acessam seu site por meio de ferramentas de acessibilidade, como leitores de tela.

Texto ALT e Imagens

No WordPress, é simples adicionar texto alternativo descritivo às suas imagens e visuais diretamente na Biblioteca de mídia.

Além disso, muitos proprietários de sites WordPress que buscam conformidade com a ADA descobriram que é melhor evitar incluir texto nas imagens do site. Grandes quantidades de texto em imagens tornarão mais difícil descrever seus gráficos para deficientes visuais usando apenas seu texto alternativo.

Em vez disso, considere se você poderia criar um efeito semelhante usando código. Por exemplo, você pode adicionar as informações que está tentando transmitir como texto simples. Em seguida, use CSS para estilizá-lo.

Taxas de contraste

Para oferecer suporte total aos visitantes do site com deficiência visual, é uma boa ideia manter uma taxa de contraste de pelo menos 4,5:1 para todo o texto. Você também deseja tornar todo o texto redimensionável em até 200%.

O desafio que você terá é fornecer esse tipo de flexibilidade sem afetar a funcionalidade do seu site. Isso provavelmente exigirá que você faça muitos testes de usabilidade antes de ativar suas alterações.

Se você quiser saber mais sobre os problemas de acessibilidade que afetam seu site, é importante executar todo o conteúdo do site por meio da ferramenta WAVE. Em seguida, reserve um tempo para ler todos os recursos sugeridos pelo WAVE.

As diretrizes definidas pelas WCAG são amplamente aceitas como padrão da indústria quando se trata de acessibilidade. Mas é uma boa ideia também consultar a lista de verificação de acessibilidade do WebAIM. Esta ferramenta visa condensar as especificações oficiais WCAG 2.1.

4. Instale plug-ins que melhoram a conformidade do WordPress ADA

Muitos plug-ins e ferramentas diferentes no repositório do WordPress prometem levá-lo à conformidade com o WordPress ADA. Por exemplo, você pode verificar rapidamente todo o site em busca de problemas de acessibilidade usando o WP ADA Compliance Check Basic.

Verificação de conformidade básica do WP ADA

Este plug-in útil sugere recursos que fornecem mais informações sobre cada problema detectado, muito parecido com a ferramenta WAVE. Mas com isso, você também receberá um link direto para o código afetado. Isso é extremamente útil quando você precisa resolver problemas complexos de acessibilidade.

Outra ferramenta a considerar é o plug-in Accessibility Checker. Este plug-in tenta ser a versão específica do WordPress do WAVE, permitindo que você verifique todo o seu site WordPress a partir do painel.

Verificador de acessibilidade digital Equalize

Como proprietário de um site WordPress, há muitas maneiras diferentes de tornar um site mais acessível. No entanto, escolher o tema errado para executar seu site pode substituir todos os seus esforços.

O repositório de temas do WordPress.org está repleto de temas desenvolvidos por profissionais. No entanto, mesmo os designers mais experientes do WordPress às ​​vezes ignoram princípios importantes relacionados à conformidade e acessibilidade da ADA.

WP Acessibilidade

Para ajudar a resolver esse problema, o plug-in WP Accessibility abordará os problemas que ocorrem nos temas do WordPress. Depois de baixar e ativar o plug-in, você deve navegar para Configurações > Acessibilidade do WP no painel do WordPress.

Uma vez lá, você verá várias configurações relacionadas à acessibilidade do site que você pode ativar e desativar. Isso vai depender de como o seu tema está configurado.

As configurações incluirão a adição de um contorno ao link :focus state para melhorar a navegação do teclado e fornecer mais informações sobre o conteúdo da imagem usando longdesc .

Não use uma sobreposição de acessibilidade

É importante lembrar que não existem soluções plug-and-play verdadeiras que criarão um site completamente acessível e compatível com ADA. Alguns plugins podem alegar ser plug-and-play, mas isso não é possível. Os plug-ins de conformidade são perfeitos para verificar sites em busca de problemas e fazer ajustes para melhorar os problemas. Mas cuidado com os plugins que tentam usar uma abordagem de sobreposição. Além disso, fique atento aos plug-ins que afirmam oferecer 100% de conformidade com o WordPress ADA apenas baixando e ativando o plug-in.

Essas “sobreposições de acessibilidade” devem ser evitadas.

É hora de criar um site WordPress compatível com ADA

Tornar seu site WordPress acessível a todos é obviamente a coisa certa a fazer como proprietário de um site. Mas também irá protegê-lo de possíveis ramificações legais.

E certificando-se de que seu site é compatível com ADA, você aumentará automaticamente sua base potencial de clientes.

Para recapitular as etapas a serem seguidas para criar um site compatível com WordPress ADA:

1. Entenda a aparência de um site que já é compatível com ADA.
2. Revise seu próprio site para entender como ele já está em conformidade. Isso pode ser feito usando uma ferramenta WAVE (Website Accessibility Evaluation).
3. Siga as práticas recomendadas já comprovadas para criar sites acessíveis.
4. Instale plugins WordPress como WP Accessibility e WP ADA Compliance Check Basic.

Nesse ponto, você estará no caminho certo para possuir um site compatível com WordPress ADA que seus usuários vão adorar.

Faça o download do Kadence Theme & Kadence Blocks para criar sites eficazes

Se você gosta de criar conteúdo atraente com design bonito, o Kadence Blocks fornece ferramentas para ser criativo diretamente no editor nativo do WordPress. Além disso, aproveite toneladas de conteúdo pré-criado que você pode incluir facilmente em seu site, incluindo uma biblioteca de blocos de wireframe para você começar seu próximo design da web. Ótimo para inspiração e desenvolvimento rápido!

Baixe Agora

Dan Knauss

Dan Knauss é generalista de conteúdo técnico da StellarWP. Ele é escritor, professor e freelancer trabalhando com código aberto desde o final dos anos 1990 e com WordPress desde 2004.