Texto alternativo do botão de imagem
A Silktide encontra botões de imagem nos seus formulários que não têm . Um botão de imagem sem texto alternativo não dá às pessoas que não conseguem vê-lo nenhuma forma de saber o que acontecerá ao premirem-no.
<!-- Problema: sem atributo alt -->
<input type="image" src="button.png">
<!-- Problema: alt vazio -->
<input type="image" src="button.png" alt="">
<!-- Corrigido: o texto alternativo identifica a ação -->
<input type="image" src="button.png" alt="Enviar mensagem">
Por que isso é importante
Um botão de imagem (<input type="image">) usa uma imagem no lugar de um rótulo de texto, por isso o seu atributo alt é o único nome que um pode anunciar. Sem ele, o botão é anunciado apenas como "botão" ou pelo nome do ficheiro. Um formulário cujo botão de envio não pode ser identificado é um formulário que alguns visitantes não conseguem preencher com confiança — uma barreira direta a pedidos de informação, inscrições e compras.
Ao contrário das imagens comuns, um botão nunca pode ser decorativo: ele faz sempre alguma coisa e, por isso, precisa sempre de um nome.
Como corrigir
- Adicione um atributo
altque identifique a ação executada pelo botão, como "Pesquisar" ou "Enviar mensagem", conforme o exemplo acima. - Não deixe o atributo vazio — um
alt=""vazio oculta o nome do botão sem ocultar o botão. - Em alternativa, substitua o botão de imagem por um elemento
<button>que contenha texto real, que é mais simples de estilizar e acessível por predefinição.
Como a Silktide testa isto
- Encontra todos os botões de imagem (
<input type="image">) em cada página. - Ignora os botões ocultos dos leitores de ecrã.
- Comunica cada botão cujo atributo
altesteja em falta ou vazio.
Os botões cujo texto alternativo existe, mas parece pouco útil, são abrangidos pela verificação separada Texto alternativo do botão de envio.