A importância da acessibilidade para a sua loja online

Todo mundo que faz compras on-line faz isso de maneira um pouco diferente. Tomamos decisões no nosso próprio ritmo, usamos dispositivos diferentes e interagimos com as lojas da maneira que nos parece mais confortável.

Para alguns compradores, o processo de visualização ou compra de um produto é muito diferente do esperado. Sua conexão com a Internet pode ser lenta devido a viver em um país em desenvolvimento, eles podem depender de um leitor de tela devido a deficiência visual ou podem navegar com um teclado devido à incapacidade de usar um mouse de maneira confiável.

Essas diferenças criam a necessidade de projetar e manter uma loja acessível a todos . Esse é o objetivo da acessibilidade para o comércio eletrônico: criar uma loja online que todos possam usar, independentemente da idade, nível de habilidade, localização ou presença de deficiência.

Hoje vamos dar uma olhada por que você deve tornar sua loja WooCommerce mais acessível e alguns recursos que você pode usar para melhorar seu design e funcionalidade para todos os seus compradores.

Pronto para aprender? Vamos começar com um olhar mais atento ao que queremos dizer quando falamos de acessibilidade.

Acessibilidade no comércio eletrônico: o que é e por que é importante

O World Wide Web Consortium (W3C para abreviar) diz que “ acessibilidade significa que pessoas com deficiência podem usar a [internet] ”. A introdução da Iniciativa de Acessibilidade da Web (WAI) elabora:

A acessibilidade à Web abrange todas as deficiências que afetam o acesso à Web, incluindo deficiências visuais, auditivas, físicas, de fala, cognitivas e neurológicas.

A capacidade de um cliente de acessar ou usar uma loja online também pode ser afetada por fatores externos , como a velocidade de sua conexão com a Internet ou a disponibilidade do hardware do computador. Também pode ser afetado por fatores temporários, como um braço quebrado ou prescrição incorreta de óculos ou envelhecimento.

Seja você desenvolvedor, construtor de loja ou proprietário de loja, é sua responsabilidade garantir que todos possam usar sua loja de forma eficaz. Isso não apenas deixa seus clientes felizes: como o W3C demonstra, ele pode ter impactos muito reais em sua lucratividade, visibilidade do mecanismo de pesquisa e ROI de longo prazo .

A acessibilidade envolve muito mais do que apenas adicionar texto alternativo às imagens e otimizar sua loja para carregar rapidamente. Para que você possa entender melhor, vamos dar uma olhada em como algumas das experiências on-line de seus clientes podem ser diferentes.

Explorando as grandes diferenças entre as experiências online

Enquanto estávamos nos estágios iniciais de planejamento para este post, tivemos um encontro esclarecedor com um cliente WooCommerce que entrou em contato conosco para obter suporte. Um dos membros de nossa equipe pediu ao cliente que nos enviasse uma captura de tela de um erro. Eles não conseguiram e nos deram o motivo:

Somos cegos, o computador lê para nós.

Esse cliente em particular construiu sua loja inteira com um leitor de tela e outras tecnologias assistivas. Eles então interagiram com o WooCommerce, seus clientes e nossa equipe de suporte por meio do uso de áudio.

Este foi um momento de bater na testa para nossa equipe de suporte ter certeza. Mas também foi um lembrete fantástico para construir lojas acessíveis – porque se um indivíduo cego pode construir uma loja utilizável com um leitor de tela, aqueles de nós com visão total ou parcial devem ser capazes de construir uma loja utilizável com leitores de tela .

Além dos leitores de tela, há clientes que não podem usar o mouse do computador, talvez devido a uma deficiência física. Esses compradores navegam em sites com as teclas de guia e seta e “clique” nos links com a tecla Enter.

Há também compradores que precisam de ajuda para fazer um pedido. Alguns clientes simplesmente se sentem mais à vontade para fornecer suas informações de cobrança pelo telefone. Outros não podem ver ou usar o formulário de pedido online. E outros só têm acesso à tecnologia que não oferece suporte confiável para pedidos on-line.

Esta é apenas uma amostra das muitas maneiras que diferentes pessoas usam a internet e fazem compras online . A multiplicidade de origens, experiências e dispositivos garantem que todos façamos as coisas de maneira um pouco diferente... e criam a necessidade de lojas que funcionem para todos.

O primeiro passo para uma loja mais acessível: experimentar o que você já tem

Com uma melhor compreensão da importância da acessibilidade, você pode estar se perguntando “como sei se sou acessível ou não?”

A primeira coisa que você deve fazer é tentar usar sua loja você mesmo . Coloque-se no lugar de um comprador com daltonismo, incapacidade de usar o mouse ou visão deficiente.

Ao navegar pela sua loja, você percebe alguma imagem ou botão que pode parecer estranho sem a percepção de cores completas? Você pode usar o teclado para navegar ou é um processo tedioso? Se você aumentar o zoom para 150% ou mais, sua loja ainda poderá ser usada?

Dependendo da mídia em sua loja, você também pode encontrar algumas preocupações. Se você tiver vídeos de produtos, eles têm legendas? As descrições dos seus produtos dizem como é a sensação de uma camisa (em termos de textura), bem como a cor dela?

Muitas vezes você pode encontrar pontos fracos simplesmente diminuindo a velocidade e prestando atenção . Esses pontos fracos geralmente são fáceis de corrigir - por exemplo, alterar a cor de um botão ou aumentar sua navegação na página - mas exigem disposição para viver sua vida, mesmo que temporariamente como uma pessoa com habilidades diferentes.

Use feedback real do comprador, ferramentas online gratuitas e recursos oficiais para melhorar sua loja

É claro que, a menos que você tenha uma deficiência, seja desprivilegiado ou esteja em outra situação que o impeça de usar uma loja online de maneira típica, pode ser difícil saber exatamente como você está desafiando seus compradores a fazer coisas simples .

Incentivamos você a usar - e talvez até solicitar ativamente - feedback real dos compradores para saber como facilitar o processo de acesso à sua loja. Obter esse feedback pode ser difícil, mas se você pedir ativamente (digamos, em e-mails pós-compra?) ele virá com o tempo.

Você também pode experimentar um serviço como UserTesting.com ou trabalhar com uma agência local que oferece testes para coletar feedback, embora você deva perguntar primeiro sobre testes específicos de acessibilidade .

Uma ferramenta gratuita que recomendamos é WAVE, a Ferramenta de Acessibilidade da Web. Conecte qualquer URL a esta ferramenta e você verá uma lista de erros e alertas que podem representar um problema para os compradores , variando de texto alternativo ausente (necessário para leitores de tela) a links quebrados ou vazios (apenas design ruim em geral).

O WAVE também fornece documentação para cada erro ou alerta, para que você possa ler por que algo foi sinalizado e decidir como resolvê-lo.

Especificamente no lado visual das coisas, você pode tentar o Vischeck para simular a aparência de um site com daltonismo ou usar o ACTF aDesigner para verificar o conteúdo da sua loja quanto à compatibilidade com ferramentas como leitores de tela.

Para testes de velocidade – uma vez que conexões lentas de internet podem afetar as experiências daqueles em países em desenvolvimento – recomendamos o Pingdom, que testará sua loja e fornecerá recomendações detalhadas para melhorá-la. Há também um punhado de boas dicas neste post, que trata especificamente da otimização do WooCommerce.

Por fim, se você estiver sediado nos Estados Unidos (ou estiver vendendo para clientes que residem lá), poderá ler os Padrões da Seção 508 para Tecnologia da Informação e Eletrônica do governo. Esses padrões (particularmente os da seção 1194.22) fornecem requisitos para tecnologia acessível, como sites, incluindo texto alternativo, itens que podem ser visualizados com daltonismo e alertas para respostas cronometradas.

Não é tudo sobre a loja: lembre-se da acessibilidade ao trabalhar com e-mail, mídia social e muito mais

Muito parecido com o exemplo que demos acima do cliente cego do WooCommerce, é crucial lembrar o quão diferente cada um de seus clientes interage com você. Mas a acessibilidade vai além das páginas da sua loja – abrange toda a sua presença online .

Sempre que estiver respondendo a e-mails, enviando mensagens de marketing ou postando tweets, você está interagindo com clientes que acessam a Internet de maneiras muito diferentes. Pense sobre:

• Comunicação por e-mail — Você está incluindo uma versão em texto simples de seus e-mails? Que tal uma opção “ver online”? A maioria dos clientes irá gerar ambos por padrão.
• Como você apoia seus compradores — Se você normalmente pede uma captura de tela de um problema ou uma foto de um defeito, considere oferecer opções alternativas. Por exemplo, permitimos que os clientes do WooCommerce criem logins temporários para que possamos verificar os problemas por conta própria.
• As solicitações que você faz, especialmente com links – Frases como “clique aqui” ou “clique no link em nossa biografia” podem ser problemáticas não apenas para usuários de leitores de tela, mas para aqueles em um tablet ou dispositivo móvel (que estão tocando, não clicando! ).
• Como facilitar os processos — Você poderia aceitar chamadas telefônicas em vez de e-mails? Encomendas pessoalmente ou por telefone em vez de através da sua loja? Ou, se você depende apenas de chamadas telefônicas, quais processos você poderia mover online para ajudar os clientes com ansiedade, etc.?

Uma palavra final de conselho: não aponte para “bom o suficiente”

Você pode ter visto variações desta imagem antes:

Pode ser tentador ler algumas dicas sobre acessibilidade, experimentar sua loja com um teclado ou um único teste online e chamá-lo de “bom o suficiente”. Mas bom o suficiente não é realmente bom .

Atualizar sua loja especificamente para oferecer aos compradores com deficiência uma experiência melhor é admirável. Mas isso não ajuda necessariamente os compradores que têm conexões mais lentas ou dispositivos com telas muito pequenas. É por isso que recomendamos que seu objetivo final seja melhorar a experiência de vários tipos de compradores, dispositivos e necessidades .

Essa meta vai além da acessibilidade, pensamos — é uma meta mais ampla de satisfação geral do cliente. Pense desta forma: o que você pode fazer para tornar cada cliente mais propenso a comprar de você, seja um usuário cego de um computador desktop ou um comprador móvel com visão plena em um país em desenvolvimento?

Talvez você precise fazer alterações específicas em sua loja apenas para esses cenários específicos. Mas é por isso que achamos que você deve se concentrar em equidade versus igualdade — porque dar a todos o que eles precisam os tornará muito mais propensos a comprar de você .

Aqui está a criação de uma experiência de compra mais inclusiva

Acessibilidade não é um tópico fácil de abordar, muito menos aprender. Fizemos o possível para mostrar a você por que isso é importante, mas recomendamos fazer algumas pesquisas adicionais e ler sobre esse assunto . O W3C é um ótimo lugar para começar.

Por enquanto, esperamos que este post dê a você algumas ideias e algumas dicas ou recursos úteis enquanto você trabalha em uma loja que todos podem usar.

Tem alguma dúvida sobre alguma das ferramentas de acessibilidade, dicas ou ideias recomendadas nesta postagem? Ou algum feedback seu para dar sobre este assunto? Adoraríamos ouvir de você sobre isso - deixe um comentário abaixo para iniciar a discussão.

Obrigado por ler!

Crédito da imagem do cabeçalho: #WOCinTech Chat (CC)