Início » Um guia para iniciantes em conformidade com a Web da ADA

Um guia para iniciantes em conformidade com a Web da ADA

por Marketing Digital Learn

Americans with Disabilities Act (ADA) foi lançado em 1990 e visa garantir que as pessoas com deficiência tenham as mesmas oportunidades e conveniência que qualquer outra pessoa.

Isso significa que qualquer empresa que atenda ao público deve garantir que seu prédio acomode pessoas com deficiências de diferentes tipos.

E agora que a internet é tão comumente usada, a conformidade com a ADA também se aplica a sites e aplicativos móveis.

Fundamentalmente, isso significa que seu site precisa ser acessível a pessoas com deficiências que afetam sua visão, audição ou capacidades físicas.

Como uma saída de marketing digital que busca obter boas taxas de conversão de suas campanhas de marketing on-line , não é negociável manter a conformidade com a Web da ADA.

Se o seu site não estiver equipado com recursos que o tornem acessível a pessoas com deficiência, sua empresa não apenas corre o risco de acabar no tribunal, mas também pode perder negócios com aproximadamente 61 milhões de americanos que vivem com deficiência. ou outras limitações.

Portanto, tornar seu site compatível com ADA é uma vitória para todos.

Diretrizes de acessibilidade para sites seguirem a conformidade com a ADA

Ter um site acessível e materiais de marketing significa ter toda a sua equipe informada sobre como é o marketing acessível. Ei! Não entre em pânico, uma vez que você pega o jeito, é muito rápido garantir que seu site esteja acessível. 

Comece tendo em mente as seguintes recomendações:

#1. Contente

Ao escrever conteúdo para sites , e-mails, mídias sociais e muito mais. É importante que o conteúdo seja acessível para pessoas com todos os quatro tipos de deficiência: auditiva, visual, motora e cognitiva.

#1. Estrutura

Para ajudar os usuários com um leitor de tela ou outras limitações visuais a ler facilmente seu conteúdo, use títulos corretamente.

Isso significa usar as tags de cabeçalho apropriadas, por exemplo, usando a função H2, em vez de simplesmente usar uma fonte maior ou em negrito. Seus títulos também devem obedecer a uma hierarquia lógica: o H1 ou título é seguido por um H2 e, abaixo de um título H2, use um título H3. Isso torna a estrutura e a importância do conteúdo fáceis de seguir e fluir perfeitamente.

#2. Legibilidade

Tornar o conteúdo simples de ler e seguir é importante para leitores com limitações cognitivas, mas também torna seu conteúdo mais simples de digitalizar e ler para outros usuários. Mantenha suas frases concisas e diretas.

Use listas com marcadores, palavras-chave em negrito e seções de resumo para facilitar a digitalização. Comece com as informações mais importantes e termine com as menos importantes. Evite o uso de jargões e palavras excessivamente complicadas. Alinhe à esquerda todo o texto e títulos.

#3. Texto do link

Ao criar links para outras páginas da Web, não use “clique aqui” como texto do link. O uso de texto de link descritivo torna mais claro para os usuários com leitores de tela ou deficiências visuais qual link é qual e para onde cada um leva.

#4. Arquivos acessíveis

Se você vincular a PDFs, documentos do Word, PowerPoints ou outros tipos de arquivos, verifique se esses arquivos estão acessíveis.

#2. Projeto

Design acessível significa tornar seu design mais relevante para todos, não apenas para pessoas com deficiências. Aqui estão algumas coisas a considerar quando se trata de design acessível.

#1. Vídeos

Existem três maneiras principais de tornar os vídeos mais acessíveis.

#1. Legendas: certifique-se de que todos os vídeos as tenham. Isso não apenas ajuda os usuários com deficiência auditiva, mas também é benéfico para pessoas que estão em ambientes lotados ou que não desejam colocar fones de ouvido para assistir a um vídeo em um espaço público.

#2. Transcrições: adicione uma transcrição que tenha a versão em texto de qualquer fala em um vídeo. O padrão de ouro é uma transcrição descritiva, que inclui uma descrição concisa do que está acontecendo no vídeo.

#3. Audiodescrição: é uma versão falada de uma transcrição descritiva e facilita o consumo do conteúdo por pessoas cegas ou com deficiência visual.

#2. Imagens

Todas as imagens devem ter texto alternativo, que é um texto breve que descreve a imagem de forma clara e neutra.

Leia:   Hack do Radiohead leva banda a liberar músicas arquivadas

Este é o texto que os leitores de tela veem quando se deparam com uma imagem, portanto, números de arquivo ou informações inúteis podem resultar em grandes desafios de usabilidade para usuários com deficiência visual. Para imagens decorativas, o atributo alt deve estar vazio (por exemplo, alt:“).

#3. Cor

Cerca de 4% da população mundial tem algum tipo de daltonismo, o que significa que usar apenas cores para comunicar informações pode resultar em problemas para alguns usuários. Use padrões, preenchimento, bordas, dimensionamento, ícones ou espaços em branco para se comunicar além da cor.

Ao usar cores, certifique-se de que o contraste seja suficiente para que os usuários possam ler o texto ou ver as diferenças de cores.

#4. Fontes

As fontes sem serifa são as mais simples de ler, pois não incluem pequenas marcações decorativas. Limite o número de fontes que você usa (por exemplo, uma para o corpo do texto e outra para os títulos). Sempre use fontes de pelo menos tamanho 12 e use negrito para dar ênfase, em vez de itálico.  

#5. Local na rede Internet

Para tornar seu site acessível (e aumentar as conversões ), é importante considerar todos os quatro tipos de deficiência: auditiva, visual, motora e cognitiva.

A acessibilidade do site é um grande tópico com muitas áreas a serem exploradas. Para os profissionais de marketing, vamos nos concentrar em três áreas principais.

#1. Navegação pelo teclado

A navegação pelo teclado é crucial para pessoas com deficiência visual e motora. Os usuários que não podem usar um mouse ou usuários de leitores de tela ainda devem poder navegar pelo seu site.

Certifique-se de que os usuários possam percorrer menus, botões e todos os outros componentes de navegação.

Quando os usuários navegam para um elemento, deve haver algum tipo de indicador ou foco para mostrar onde o usuário está na página.

#2. Rótulos de formulário e tabela

O elemento mais vital para o rótulo de acessibilidade de formulário. Certifique-se de que cada campo de formulário tenha um rótulo (usando o elemento <label> no código para cada campo). Isso garantirá que os leitores de tela leiam o nome de cada campo.

Se o usuário precisar saber informações essenciais sobre um campo (por exemplo, se uma senha deve ter pelo menos 8 caracteres), não inclua essas informações como texto de espaço reservado em um campo, mas sim como texto abaixo do rótulo do campo.

Garanta que os formulários sejam fáceis de usar e tenham um fluxo lógico. Os formulários devem ser acessíveis por teclado, para que os usuários possam navegar pelos campos.

Forneça instruções na parte superior de um formulário para permitir que os usuários entendam como preenchê-los.

#3. Botões CTA

Os CTAs são importantes para o sucesso do marketing, por isso é fundamental que todos os seus CTAs sejam acessíveis. Seus botões sempre devem ter um nome acessível, que geralmente é o texto no próprio botão.

Use um rótulo de ária para o botão para fornecer aos leitores de tela as informações adequadas. Pode ser benéfico analisar algumas práticas recomendadas de acessibilidade de botões com a equipe de desenvolvimento do site para garantir que os CTAs sejam totalmente acessíveis.  

Um guia para iniciantes em conformidade com a Web da ADA

Como garantir que seu site seja compatível com ADA

Garantir que seu site seja compatível com ADA é realmente fácil, mas é necessário um trabalho contínuo para garantir que continue assim.

As diretrizes estão mudando constantemente, e as chances são, assim como o seu site. Aqui estão algumas maneiras fáceis de garantir que o site da sua empresa seja e permaneça compatível com ADA.

#1. Aprenda as Diretrizes: O site da Lei dos Americanos com Deficiência oferece recursos e diretrizes sobre conformidade.

#2. Lembre-se das diretrizes ao adicionar conteúdo: um pequeno erro ao adicionar novo conteúdo pode tornar seu site não compatível.

Crie uma lista de verificação dos erros ADA mais comuns para que seus criadores e desenvolvedores de conteúdo possam verificar novamente se todas as alterações em seu site são compatíveis com ADA.

Leia:   Extensões de anúncios do Google: tipos e benefícios para melhorar as campanhas de PPC

#3. Use um programa de verificação de conformidade: existem muitos verificadores de conformidade on-line da ADA que simplificam a identificação de áreas em que seu site pode não estar em conformidade.

A extensão Lighthouse do Google Chrome é gratuita e uma ótima ferramenta que gera um relatório em segundos.

Se você encontrar algo que não esteja em conformidade, faça uma captura de tela e mantenha registros dos esforços para corrigir o erro. Isso pode ser útil em sua defesa se você for processado por não conformidade.

#4. Instale um widget de acessibilidade em seu site: ter um widget de acessibilidade ajuda os usuários com deficiências a adaptar a experiência do site às suas necessidades.

Um widget pode permitir que os usuários alterem o tamanho, a cor ou o contraste do texto; usar um leitor de tela embutido; ativar ou desativar as animações; e mais.

#5. Inclua uma declaração de acessibilidade: uma declaração de acessibilidade em seu site informa aos usuários que você está tomando medidas para garantir que seu site seja acessível a todos.

Em sua declaração, oriente as pessoas sobre o que fazer caso tenham dificuldade em navegar em seu site. Essas informações farão com que seus usuários se sintam valorizados, ajudarão você a obter feedback útil sobre seu site e funcionarão como uma forte defesa caso sua conformidade com a ADA seja questionada no tribunal.

Lista de verificação de conformidade da ADA para sites

#1. Leia a documentação da lei

#2. Todo arquivo de mídia e mapa deve ter uma tag “alt”

#3. Todos os seus formulários online devem ter tags HTML descritivas adequadas

#4. Todos os hiperlinks devem ter prosperado texto âncora descritivo

#5. Todas as páginas do seu site têm links para “pular a navegação”

#6. Todo o conteúdo do texto deve ser estruturado usando as tags de título corretas

#7. Todo arquivo PDF deve estar acessível

#8. Todos os vídeos devem ter legendas, audiodescrições e transcrições

#9. O contraste de cores de suas páginas da web deve ser suficiente de acordo com as WCAG

#10. Todas as fontes devem estar acessíveis

#11. Todas as tabelas HTML devem ser preenchidas com cabeçalhos de coluna, informações de célula e identificadores de linha

#12. Todos os arquivos de áudio em seu site devem ter uma legenda escrita

#13. Todos os botões de chamada para ação (CTA) em seu site devem ter um nome acessível e um rótulo ARIA

#14. Todo o seu site deve ser acessível com navegação por teclado

#15. Você deve ter uma página de política de acessibilidade do site

#16. Tenha informações de contato facilmente localizáveis ​​para permitir que os usuários solicitem informações de acessibilidade

#17. Teste a acessibilidade do seu site de acordo com as Diretrizes de acessibilidade de conteúdo do site (WCAG)

#18. Automatize a verificação de acessibilidade do seu site para evitar a falta de problemas críticos de acessibilidade

Importância de ter um site compatível com ADA

#1. A conformidade com a ADA aumenta seu público-alvo

Se o seu site ainda não estiver em conformidade com a ADA, você está perdendo seriamente milhões de clientes em potencial que não podem acessar seu site devido a suas deficiências.

Existem cerca de 50 milhões de pessoas com deficiência nos EUA, o que significa que cerca de 19% deste país tem uma deficiência e não está fazendo negócios com você.

Muitos deles podem estar interessados ​​em seus produtos, mas, quando chegam ao seu site, não conseguem navegar com facilidade o suficiente para comprar qualquer coisa ou mesmo entrar em contato com você, tudo porque seu site só pode ser acessado por usuários sem deficiência.

Assim, eles podem passar para seus concorrentes e fazer compras.

Por exemplo, se você tem um vídeo que mostra os benefícios do seu produto, mas não possui legendas, os usuários surdos ou com deficiência auditiva não conseguirão descobrir o quão bom é o seu produto.

Leia:   Anunciando SEO para Iniciantes: Nosso Lindo Novo Livro de Capa Dura

O mesmo se aplica quando você tem imagens sem texto alternativo. O motivo do texto alternativo é permitir que as ferramentas de leitura de tela descrevam a imagem para alguém com deficiência visual; portanto, se você não tiver esse texto, parte do seu público-alvo ficará de fora.

Da mesma forma, é importante garantir que seu site seja totalmente acessível sem um mouse para que usuários com limitações físicas possam usá-lo.

Conformidade com a Web da ADA
Crédito da imagem: Pixabay

#2. A conformidade com a ADA aumenta seus esforços de SEO

Agora, mais do que nunca, os mecanismos de pesquisa estão evoluindo para rastrear páginas da Web com mais intenção humana.

O principal elemento das WCAG é a acessibilidade aos leitores de tela, e esses leitores rastreiam as páginas do seu site de maneira semelhante aos mecanismos de pesquisa. Se o seu site atender às Diretrizes de Acessibilidade de Conteúdo da Web, provavelmente atrairá usuários, mecanismos de pesquisa e leitores de tela, impulsionando seus esforços de SEO.

Por esse motivo, texto de imagem alternativo, meta-tagging e transcrições de vídeo devem ser seriamente considerados.

#3. Conformidade com a ADA pode melhorar sua reputação

O fato de um site compatível com ADA poder aumentar seu público ideal em milhões é apenas um dos motivos para tornar seu site mais acessível.

Outro benefício é que você não apenas atrairá mais clientes para sua loja online , mas esses clientes também saberão o quanto são valiosos para sua empresa.

Afinal, eles podem ter ido a alguns outros sites que não eram compatíveis com a ADA, desapontados cada vez que não puderam acessar o conteúdo até chegarem ao seu.

E assim que esses novos clientes notificarem seus amigos e parentes sobre como encontraram seu site, mais usuários saberão que você se certificou de torná-lo compatível com ADA.

O fato de você se esforçar para garantir que todos os usuários sejam incluídos o diferenciará de seus concorrentes.

Portanto, tornar seu site compatível com ADA é uma ótima maneira de ganhar alguma publicidade positiva para sua empresa.

#4. A conformidade com a ADA leva a uma melhor usabilidade geral do site

A criação de um site mais operável e navegável acabará por beneficiar todos os usuários, ao mesmo tempo em que atende às diretrizes WCAG.

Tornar suas páginas da Web mais fáceis de entender permitirá que todos – deficientes ou não – encontrem o que procuram rapidamente.

Se você decidir seguir as diretrizes, seu site provavelmente converterá mais leads em geral, porque as pessoas confiarão que sempre encontrarão facilmente o conteúdo que estão procurando.

#5. Você pode evitar penalidades

O texto do ADA originalmente não mencionava sites, já que essa tecnologia não era amplamente usada em 1990. Mas agora que a maioria das empresas já a utilizava, eles precisam garantir que seja acessível a todos os usuários.

Como já passamos da data de decisão, todas as páginas atualizadas em seu site devem ser, pelo menos, reclamações de grau A, sendo o grau AAA o mais alto.

Dezenas de marcas estabelecidas foram atingidas por ações judiciais significativas nos últimos anos, antes mesmo de as diretrizes serem definidas.

Portanto, se você deseja evitar os custos legais de ser considerado não compatível com o ADA, é melhor fazer as alterações necessárias em seu site agora.

Se você não tiver certeza de por onde começar, o site da ADA tem algumas dicas rápidas.

Conclusão

Um mundo de marketing digital mais acessível é uma vitória para todos os envolvidos. Ao garantir que seu site esteja em conformidade com a ADA, você não apenas torna a vida mais fácil e mais acolhedora para usuários com deficiência, mas também abre sua empresa para 61 milhões de clientes em potencial.

Você Pode Gostar