Processos de acessibilidade na Web: 4 exemplos da vida real e principais conclusões

Nos EUA, mais de 61 milhões de pessoas vivem com deficiência (CDC). Excluir uma parcela tão grande da população representa uma enorme oportunidade perdida em termos de negócios. Construir sites acessíveis é fundamental por razões morais e legais. Oferecer design acessível como parte de seus serviços de web design é um grande valor agregado para seus clientes e certamente pode diferenciá-lo de seus concorrentes.

A acessibilidade digital começa com a construção de um site incrível. Baixe o “Guia de 6 etapas para vender serviços de sites para empresas locais” para começar a oferecer acessibilidade aos seus clientes hoje mesmo.

Neste artigo, apresentaremos os principais pontos da Lei dos Americanos com Deficiência (ADA) e mostraremos alguns sites que foram processados ​​por acessibilidade. Além disso, forneceremos algumas dicas e práticas recomendadas que ajudarão você a evitar problemas jurídicos dispendiosos e garantir que os sites de seus clientes permaneçam acessíveis aos usuários.

Índice

• Por que a acessibilidade na web é importante?
• O que é a Lei dos Americanos com Deficiência (ADA)
• Exemplos do mundo real de ações judiciais de acessibilidade na web
  • Domino's Pizza contra Guillermo Robles
  • Mary Conner contra Parkwood Entertainment
  • Gil contra Winn-Dixie
  • Associação Nacional de Surdos x Harvard + MIT
• Dicas de design de sites e práticas recomendadas para acessibilidade
  1. Compreendendo as diretrizes WCAG 2.1
  2. Projetando para acessibilidade de teclado
     • Foco do teclado
     • ordem de tabulação
     • Sem armadilhas de teclado
  3. Fornecer texto alternativo para imagens
     • Dicas para criar um texto alternativo eficaz
  4. Usando o contraste de cor apropriado
  5. Evitando conteúdo inacessível
  6. Testando a acessibilidade do site
• Perguntas frequentes
  • O que é uma ação judicial de acessibilidade?
  • Qual é o maior processo de acessibilidade?

Por que a acessibilidade na Web é importante?

A acessibilidade na Web é uma questão crítica a ser considerada ao desenvolver sites para seus clientes, pois sites inacessíveis correm o risco de excluir visitantes com deficiências, como deficiência auditiva ou visual. Isso não é apenas uma forma de discriminação, mas limita o crescimento dos negócios de seu cliente ao excluir um grupo de clientes em potencial.

Além do mais, a acessibilidade digital pode ser uma questão legal. A Lei dos Americanos com Deficiência (ADA) estipula que deixar de fazer acomodações para pessoas com deficiência é uma forma de discriminação. Como tal, as ações judiciais de acessibilidade de sites estão se tornando cada vez mais comuns. Em 2022, mais de 3.200 ações judiciais de acessibilidade de sites foram movidas nos EUA (Codemantra). Para empresas não conformes, esses processos representam enormes taxas legais, multas e má imprensa por não fornecer um site acessível.

O que é a Lei dos Americanos com Deficiência (ADA)

A Lei dos Americanos com Deficiência foi desenvolvida para proteger indivíduos com deficiência de sofrerem discriminação. O ADA foi assinado em lei em 1990 e proíbe a discriminação no emprego, transporte, locais de acomodação pública (lojas, restaurantes, edifícios de escritórios, etc.), comunicações e muito mais. De acordo com a ADA, os sites e outras plataformas de comunicação são obrigados a oferecer acomodações para pessoas com deficiência.

As Diretrizes de Acessibilidade de Conteúdo da Web (WCAG) foram desenvolvidas pela Iniciativa de Acessibilidade da Web (WAI) para definir um padrão internacional para acessibilidade de conteúdo da Web. Foi criado em um esforço para cumprir a ADA e melhorar a experiência de navegação na web para pessoas com deficiência. Essas diretrizes ajudam os web designers a pensar nas diferentes acomodações que precisam ser feitas para pessoas com deficiência para garantir que possam navegar livremente nos sites. Eles são o padrão ouro quando se trata de projetar sites acessíveis.

Exemplos do mundo real de ações judiciais de acessibilidade na web

Se você acha que as chances de ser afetado por um processo de acessibilidade na web são baixas, pense novamente. Essas ações judiciais estão se tornando cada vez mais comuns e podem impactar empresas de qualquer porte. Aqui estão alguns exemplos recentes dos quais você deve estar ciente.

Domino's Pizza contra Guillermo Robles

Em 2016, um cego chamado Guillermo Robles entrou com uma ação contra a rede de pizzarias Domino's após várias tentativas malsucedidas de pedir uma pizza personalizada por meio de sua plataforma online. Mesmo com a ajuda do software de leitura de tela, Robles não conseguia fazer um pedido online. Robles citou a ADA no processo, insistindo que a Domino's tem a obrigação de tornar seu site acessível para pessoas com deficiência, uma vez que é uma empresa com locais físicos (locais de acomodação pública).

A Domino's reagiu, alegando que não há diretrizes claras para acomodar o ADA em plataformas da web porque elas não existiam em sua forma atual quando a lei foi instituída em 1990.

No final das contas, a Suprema Corte ficou do lado de Robles. Em junho de 2021, um juiz decidiu que a Domino's havia violado o ADA ao não fornecer um site totalmente acessível, e a empresa foi ordenada a tornar seu site compatível com os padrões WCAG 2.0.

Mary Conner contra Parkwood Entertainment

Em 2019, uma ação coletiva foi movida contra a empresa Parkwood Entertainment de Beyonce, alegando que o site beyonce.com viola o ADA por não acomodar visitantes com deficiência visual.

O processo argumenta que o site, uma plataforma altamente visual, falhou em fornecer texto alternativo adequado nas imagens em todo o site, impossibilitando que visitantes cegos que usam software de leitura de tela interpretem ou façam compras adequadamente no site. O processo também lista outras reclamações sobre o site, incluindo a falta de links e menus de navegação acessíveis. O resultado deste processo ainda está pendente.

Gil contra Winn-Dixie

Um processo de 2017 contra o varejista de supermercados Winn-Dixie acusou a empresa de violar o ADA. O autor Juan Carlos Gil abriu o processo depois que seu leitor de tela não conseguiu interpretar o site, impedindo-o de solicitar produtos ou acessar as recompensas de sua conta. O autor argumentou que o site deveria ser considerado um local de acomodação pública e, portanto, deveria seguir as diretrizes da ADA.

Infelizmente, os tribunais finalmente decidiram a favor de Winn-Dixie, afirmando que os clientes que não pudessem usar o site poderiam simplesmente visitar uma loja. No entanto, apesar de ganhar o processo, a Winn-Dixie se comprometeu a deixar seu site em conformidade com os padrões WCAG 2.0 para garantir que seja totalmente acessível no futuro.

Associação Nacional de Surdos x Harvard + MIT

Em 2015, a National Association of the Deaf (NAD), em parceria com demandantes individuais, entrou com ações contra Harvard e MIT. Esses processos afirmavam que cada universidade violou o ADA por não tornar o conteúdo on-line gratuito igualmente acessível para surdos e deficientes auditivos.

Depois de várias tentativas de ambas as universidades de rejeitar esses processos de acessibilidade de sites, suas moções foram repetidamente rejeitadas pelos tribunais. Em 2020, ambos os processos chegaram a acordos nos quais Harvard e MIT são obrigados a atualizar o conteúdo online disponível publicamente para ser igualmente acessível para indivíduos com perda auditiva.

Dicas de design de sites e práticas recomendadas para acessibilidade

A acessibilidade na Web é importante do ponto de vista moral. Com um site compatível com ADA, seus clientes podem evitar a discriminação contra uma parcela da população. Além disso, um site inacessível os exclui dos benefícios dos produtos ou serviços de seu cliente. Siga estas dicas de design de sites para garantir a acessibilidade digital ao criar sites.

1. Compreensão das diretrizes WCAG 2.1

Compreender as diretrizes WCAG 2.1 é o primeiro passo para criar um site compatível com ADA. As diretrizes descrevem as acomodações recomendadas para indivíduos com uma ampla variedade de deficiências, incluindo deficiência visual, cegueira, perda auditiva, fotossensibilidade e muito mais. O documento está evoluindo, então qualquer pessoa que trabalhe com desenvolvimento web deve se manter informado sobre os padrões de acessibilidade web e estar preparado para se adaptar à medida que novos padrões forem introduzidos.

As diretrizes WCAG são muito detalhadas, mas alguns elementos essenciais de um site acessível incluem o seguinte:

• Texto alternativo que fornece descrições adequadas de imagens e elementos visuais do site
• Forte contraste de cores entre o texto do site e os planos de fundo
• A capacidade de navegar em um site usando um teclado (sem mouse ou trackpad)
• Legendas codificadas em conteúdo de vídeo
• E mais…

Abordaremos cada um desses elementos com mais detalhes abaixo, mas isso é apenas o começo do que é necessário para criar um site acessível. Revise as diretrizes WCAG 2.1 para garantir que qualquer site que você criar para clientes esteja em conformidade.

2. Projetando para acessibilidade de teclado

Os visitantes do site com deficiência visual ou deficiência motora podem ter dificuldade para usar um mouse ou trackpad de computador. Em vez disso, esses indivíduos contam com a acessibilidade do teclado para navegar em sites. A seguir estão os principais componentes de um site acessível por teclado.

Foco do teclado

Os elementos de foco do teclado são itens como botões, links, caixas de seleção ou campos que podem ser acionados ou ativados usando um teclado. Em um site acessível por teclado, um usuário pode controlar cada um desses elementos apenas por meio do teclado. O foco do teclado refere-se a uma indicação visual de que um determinado elemento está selecionado, como um contorno colorido ao redor de um campo de texto ou botão. Esse indicador de foco é essencial para ajudar os indivíduos a identificar qual elemento do site eles estão manipulando em um determinado momento.

ordem de tabulação

A tecla tab é usada para navegar de um elemento de foco do teclado para o próximo. A ordem de tabulação lógica é crítica para manter uma experiência de usuário positiva para indivíduos que dependem dos recursos de acessibilidade do teclado. Na maioria dos casos, a ordem de tabulação deve ser consistente com o fluxo visual da página. Em outras palavras, os elementos devem ser selecionados na ordem em que aparecem na página. No entanto, a ordem de tabulação mais intuitiva pode variar dependendo do design da página.

Sem armadilhas de teclado

A frase “armadilha de teclado” refere-se a erros que podem ocorrer ao navegar em um site com um teclado. Por exemplo, se um usuário não puder navegar para longe de um elemento de foco específico, isso seria considerado uma armadilha do teclado. É crucial testar minuciosamente todos os aspectos de um site, incluindo janelas pop-up, widgets, galerias e muito mais, para garantir que o site esteja livre de armadilhas de teclado. Não se esqueça de testar também as armadilhas do teclado em páginas de estado vazias, pois elas são essenciais para a experiência de navegação.

3. Fornecimento de texto alternativo para imagens

“Alt text”, ou texto alternativo, é uma frase ou frase descritiva incorporada nos metadados das imagens em um site. Indivíduos com deficiência visual usam software de leitura de tela para navegar em sites, e esses leitores de tela contam com texto alternativo para descrever os elementos visuais de um site. O texto alternativo deve ser incluído em todas as imagens não ornamentais em um site, incluindo imagens editoriais, gráficos, infográficos, diagramas, ilustrações e ícones.

Dicas para criar um texto alternativo eficaz

Na maioria dos casos, o texto alternativo deve ser curto e direto ao ponto, fornecendo contexto para a imagem. Por exemplo, digamos que você esteja descrevendo uma foto de dois cachorros brincando de puxão em um site sobre Labrador Retrievers. Um exemplo de texto alternativo eficaz seria “Dois labradores brincam de rebocador”. Este texto descreve a imagem com precisão enquanto fornece contexto especificando a raça dos cães na imagem.

Para visuais mais complexos, como diagramas ou gráficos, duas ou três frases de texto alternativo podem ser necessárias para comunicar o que o gráfico está mostrando. Por exemplo, se o gráfico mostra o peso médio de um Labrador Retriever com base na idade, o texto alternativo pode dizer: “Um gráfico mostra que os Labrador Retrievers normalmente pesam X quilos aos quatro meses, X quilos aos nove meses...”

Ao escrever um texto alternativo, certifique-se de que a descrição forneça informações suficientes para que alguém entenda o que a imagem está comunicando, mesmo que não consiga ver.

4. Usando o contraste de cor apropriado

Incorporar um contraste de cores adequado entre o fundo do texto e da página da web é essencial para a acessibilidade na web. Quando o contraste de cores não é forte o suficiente, os usuários com deficiência visual podem ter dificuldade para ler e navegar no site com eficiência. Isso não apenas cria uma experiência terrível para o usuário, mas também deixa o proprietário do site vulnerável a um processo de acessibilidade do site.

Se o contraste de cores em um site for muito sutil, pessoas com deficiência visual podem ter dificuldade para ler o texto, levando a uma experiência de usuário ruim. As diretrizes WCAG 2.1 recomendam uma taxa de contraste de 4,5:1 para texto normal e uma taxa de contraste de 3:1 para texto grande em um site.

As diretrizes WCAG 2.1 também fornecem recomendações sobre contraste de cores. Se você não tem certeza se a cor da fonte e a cor do plano de fundo de um site que você criou oferece contraste suficiente, você pode usar as ferramentas online para verificar. Uma rápida pesquisa no Google por “verificador de acessibilidade do site” fornecerá várias opções. Lembre-se de priorizar o contraste de cores em vez de cores ou designs da moda ao fornecer serviços de design de sites aos clientes.

5. Evitando conteúdo inacessível

Todo o conteúdo de um site precisa ser acessível a pessoas com deficiência, daí o contraste de cores e os requisitos de texto alternativo. Se um site hospedar conteúdo de vídeo, os vídeos devem ter descrições de áudio ou legendas para tornar o conteúdo acessível para usuários com deficiência auditiva. Felizmente, muitos serviços de transcrição estão disponíveis para ajudar a transcrever conteúdo de vídeo, e serviços como Rev e Otter Ai tornam mais fácil e acessível obter legendas de vídeo.

Com tantos visitantes do site navegando em dispositivos móveis hoje em dia, até mesmo pessoas sem deficiência auditiva apreciam legendas em vídeos. As legendas permitem que os usuários consumam conteúdo de vídeo em espaços públicos onde o áudio pode atrapalhar ou ser difícil de ouvir. Com isso em mente, incluir legendas em seus vídeos pode aumentar suas visualizações, tornando-os mais fáceis de consumir.

6. Testando a acessibilidade do site

Uma coisa é projetar um site acessível e outra é navegá-lo como alguém que depende de recursos de acessibilidade. Testar a acessibilidade do site é essencial para garantir que o site seja realmente funcional para pessoas com deficiência. Isso não apenas protegerá seus clientes de ações judiciais de acessibilidade de sites, mas também os impedirá de excluir inadvertidamente clientes com deficiências.

Os verificadores de acessibilidade do site são uma ótima maneira de identificar problemas de acessibilidade no site de um cliente. Ferramentas como EqualWeb e AccessiBe são apenas alguns exemplos dos inúmeros verificadores de acessibilidade existentes. Essas ferramentas verificam sites e identificam problemas de conformidade que você pode corrigir para garantir que o site seja compatível com ADA.

Diferentes verificadores de acessibilidade usam diferentes padrões de conformidade como base para suas verificações, portanto, selecione um que verifique a conformidade com ADA e WCAG 2.1. Caso contrário, o verificador pode não detectar todos os problemas de acessibilidade que você precisa considerar.

Perguntas frequentes

O que é uma ação judicial de acessibilidade?

Um processo de acessibilidade de site é um processo contra o proprietário de um site cujo site não cumpre as diretrizes da ADA sobre acessibilidade na web. Ou seja, uma empresa ou indivíduo pode ser processado se seu site não for acessível a pessoas com deficiência.

Qual é o maior processo de acessibilidade?

O maior processo de acessibilidade até o momento foi a National Federation of the Blind v. Target Corporation. O processo foi liquidado em US $ 6 milhões em 2018.