Uma lista de verificação de acessibilidade para lojas online
Por The AsasWeb team 2 min de leitura
Uma loja online acessível é uma loja onde mais pessoas conseguem comprar, por isso verifique as páginas onde as vendas acontecem. As imagens de produto precisam de texto alternativo descritivo, os seletores de variantes têm de funcionar por teclado e o preço e a disponibilidade não podem ser sinalizados apenas pela cor. Todo o checkout deve poder ser concluído só com o teclado, com etiquetas visíveis, erros úteis e os tipos de input móveis certos. Termine com um teste de compra real só com teclado e com leitor de ecrã, porque as ferramentas automáticas não apanham o que esses testes revelam.
Cada barreira numa loja online é uma barreira a uma venda. Uma loja acessível é simplesmente uma loja a que mais pessoas conseguem comprar, e é por isso que a acessibilidade e a receita apontam na mesma direção aqui. Use esta breve lista nas páginas que mais importam.
Páginas de produto
- As imagens de produto têm texto alternativo descritivo, para que um utilizador de leitor de ecrã saiba o que está a comprar.
- Os seletores de variantes, como tamanho e cor, são operáveis com o teclado e claramente identificados.
- Preço, disponibilidade e a ação de adicionar ao carrinho são anunciados com clareza, e não assinalados apenas pela cor ou posição.
Pesquisa e navegação
- A pesquisa é alcançável com o teclado, e os resultados são anunciados quando se atualizam.
- Os filtros podem ser aplicados e removidos sem rato, e o estado atual é claro.
- O foco está visível em cada passo, para que os utilizadores de teclado nunca percam o lugar.
Carrinho e checkout
- O checkout funciona de início ao fim com um teclado, com uma ordem de foco lógica.
- Os campos de formulário têm rótulos visíveis, erros úteis e o tipo de entrada certo no telemóvel.
- Nada de essencial fica preso atrás de um hover ou de um arrasto, e os limites de tempo, se os houver, podem ser alargados.
Teste a sério
As ferramentas automáticas detetam muito, mas uma passagem só de teclado por uma compra completa, mais uma passagem com leitor de ecrã, revela o que elas não veem. Testamos os checkouts dessa forma antes do lançamento.
Uma loja acessível é uma loja melhor para todos, e ao mesmo tempo alarga o seu mercado. Se quer um checkout do qual ninguém desiste, inicie um projeto.