Como garantir que sua loja online seja acessível

As compras online permitem que qualquer pessoa navegue por vários produtos e faça uma compra à vontade. Naturalmente, o processo e a experiência de compra são diferentes para todos, considerando que todos temos gostos, hábitos e preferências diferentes. No entanto, para algumas pessoas, fazer compras online pode ser bastante difícil.

Alguns compradores de internet podem viver em um país com uma conexão de internet ruim. Ou talvez precisem contar com leitores de tela para navegar e acessar sites. E algumas pessoas podem estar usando um teclado para navegar em sites devido a uma deficiência permanente ou temporária.

De fato, apenas nos Estados Unidos, 54% de todos os adultos com deficiência usam a Internet diariamente, o que significa que você precisa garantir que sua loja seja acessível a todos, independentemente de seu status e condições.

Nesta postagem, abordaremos o que é acessibilidade e compartilharemos conselhos e etapas que você deve seguir como proprietário de uma loja online para garantir que sua loja de comércio eletrônico esteja em conformidade com as diretrizes de acessibilidade.

O que é acessibilidade de comércio eletrônico?

Quando se trata de acessibilidade de comércio eletrônico, significa que pessoas com deficiência podem acessar, contribuir e usar a web sem dificuldades.

Não abrange apenas deficiências físicas, como deficiências visuais, auditivas, cognitivas ou outras permanentes, mas também deficiências temporárias devido a lesões ou envelhecimento, bem como deficiências devido a forças externas, como uma conexão lenta à Internet.

Por que isso importa

A razão mais importante pela qual a acessibilidade é importante é que você não tem controle sobre quem visita e interage com sua loja. Se sua loja não aderir às diretrizes de acessibilidade, você poderá ser levado a um tribunal e pagar multas significativas.

Além disso, a acessibilidade na web é um dos nossos direitos humanos básicos e tem um enorme impacto no seu negócio. Se sua loja online for acessível, ela também será otimizada para fornecer a todos os usuários a melhor experiência possível, o que se traduz em melhor satisfação do cliente, maior fidelidade à marca e mais receita.

Finalmente, a última razão pela qual a acessibilidade é importante é porque aderir às diretrizes de acessibilidade significa que sua loja segue os padrões de codificação recomendados e usa marcação semântica. Isso contribui para uma melhor classificação no mecanismo de pesquisa, o que significa que você pode obter mais tráfego orgânico.

Como verificar a acessibilidade da loja online

Antes de mergulhar em dicas específicas para garantir que sua loja online esteja acessível, o primeiro passo é verificar se sua loja está acessível ou não. Aqui estão algumas maneiras de testar o que você tem.

• Visite sua loja online e passe pelo processo de compra como se você tivesse uma deficiência, como daltonismo, ou tivesse que confiar em seu teclado para navegar por ela e durante todo o processo de checkout
• Use um serviço como a Ferramenta de Acessibilidade da Web WAVE para ver possíveis problemas, erros e avisos para seu site. Esta ferramenta gratuita informará se você tiver erros como links e botões vazios, baixo contraste entre o texto e o plano de fundo e muito mais
• Obtenha feedback de usuários reais usando um serviço como UserTesting.com. Isso permitirá que você obtenha feedback objetivo que você pode usar para melhorar a experiência do cliente e do usuário.

Como tornar sua loja online acessível

As Diretrizes de Acessibilidade da Web foram publicadas em 1999 pelo W3C. Eles são responsáveis ​​por manter as diretrizes e as datas da versão mais atual até dezembro de 2008.

De acordo com essas diretrizes, para que um site seja acessível, as informações encontradas nesse site devem ser perceptíveis, operáveis, compreensíveis e robustas. Se algum desses critérios estiver ausente, esse site específico não será considerado acessível.

Em termos leigos, isso significa que, uma vez que os visitantes chegam à sua loja online, eles precisam perceber, usar e entender as informações em seu site. Essas informações também precisam ser robustas o suficiente para que várias tecnologias assistivas possam interpretá-las corretamente.

Aqui estão os principais pontos a serem seguidos com base nas Diretrizes de Acessibilidade da Web para garantir que sua loja online seja acessível a todos.

• Ao lidar com botões e links, considere adicionar um ponto de interrogação ou um asterisco como uma maneira adicional de diferenciá-los do restante do conteúdo e garantir que as pessoas com daltonismo possam entender o que são
• Use cores de alto contraste quando se trata de texto e plano de fundo. O texto preto em um fundo branco funciona melhor do que usar cores semelhantes ou próximas umas das outras na roda de cores.
• Evite usar conteúdo indutor de convulsões, como GIFs animados e animações em flash.
• Remova ou limite o uso de CAPTCHA sempre que possível. A pesquisa mostra que o CAPTCHA é amplamente ineficaz contra spammers, além de ser considerado inacessível
• Adicione suporte para braille e a capacidade de ampliar a impressão com mouse e teclado em sua loja online.
• Inclua texto alternativo e descrições de texto para conteúdo como imagens, vídeos e áudio usados ​​em páginas de produtos e em outros lugares da sua loja
• Torne as descrições de seus produtos e outros conteúdos mais fáceis de ler com o uso de opções de formatação, como títulos, subtítulos, marcadores e parágrafos mais curtos
• Evite usar jargões, termos técnicos e abreviações sem defini-los para garantir que o conteúdo da sua loja seja fácil de entender
• Certifique-se de que o texto em seus links seja fácil de entender e descreva o que você está vinculando, em vez de usar termos genéricos como “Clique aqui”
• Se seus links estiverem configurados para abrir em uma nova guia, notifique o usuário
• Botões, itens de menu, menus suspensos e navegação devem ser acessíveis via teclado e mouse
• Certifique-se de que cada página inclua links para pular na parte superior para que seus visitantes possam pular para o conteúdo principal assim que a página for carregada
• Os formulários de checkout precisam ter rótulos adequados que expliquem claramente para que serve o campo. Você também deve certificar-se de que cada campo em seu formulário de checkout forneça aos visitantes mensagens de aviso e confirmação
• Evite usar músicas ou vídeos que são reproduzidos automaticamente quando um usuário acessa seu site. Conteúdos como vídeos e faixas de áudio devem ter controles claramente visíveis para os botões reproduzir, pausar e parar. Este tipo de conteúdo também deve incluir transcrições, legendas e linguagem de sinais sempre que possível
• Os botões que acionam downloads, como um recibo em PDF para a compra, uma fatura ou similar, devem ter descrições que digam aos visitantes o que acontecerá quando eles clicarem no botão
• Fale com seu desenvolvedor e peça para ele usar as funções WAI-ARIA para fornecer significado para elementos HTML como acordeões e guias, suas funções e estados; além de adicionar tabindex a elementos como e que geralmente não recebem foco
• Considere usar um plug-in como o WP Accessibility para corrigir problemas comuns de acessibilidade, como fornecer foco no teclado, impedir que links sejam abertos em outras janelas e muito mais.