← Todas as regras

Alternativas textuais

Botões de imagem precisam de texto alternativo

• Regra: input-image-alt
• Gravidade: Crítico
• Nível WCAG A

Por que isso importa

<input type="image"> é um botão de envio desenhado como figura. Sem alt, pede-se à pessoa que envie um formulário apertando algo sem nome.

Como corrigir

1. Acrescente alt descrevendo o que o botão faz, não o que a figura mostra.
2. Alinhe a redação à ação (“Buscar”, não “Lupa”).

Na marcação

<input type="image" src="search.png">

<input type="image" src="search.png" alt="Search">

A exigência por trás disso

Esta regra é uma das formas de falhar nos seguintes critérios de sucesso das WCAG 2.2. O W3C, que publica a norma, explica cada um deles:

• 1.1.1 Conteúdo não textual (abre em nova aba) — Nível WCAG A
• 4.1.2 Nome, função e valor (abre em nova aba) — Nível WCAG A

Para aprofundar

Deque University sobre input-image-alt (abre em nova aba)

A Deque mantém o axe-core, o motor de código aberto que o nosso scanner executa. A página deles documenta a regra como o motor a implementa.

Verificações automáticas encontram falhas que o navegador consegue comprovar. Elas não julgam se uma legenda está correta, se um texto alternativo é útil, nem se a página pode ser operada de ponta a ponta pelo teclado — isso exige uma pessoa.