Rampsight

Todas as regras

Nomes e papéis

Botões do tipo input precisam de valor

Por que isso importa

Um <input type="submit"> com value vazio é anunciado só como “botão” — no fim de um formulário, sem saber o que o envio faz.

Como corrigir

  1. Defina value com a ação (“Finalizar pedido”, “Buscar”).
  2. Use aria-label só quando o design realmente não puder mostrar texto.
  3. Prefira <button> a <input>: aceita marcação e é mais fácil de rotular.

Na marcação

Falha
<input type="submit" value="">
Passa
<input type="submit" value="Place order">

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:

Para aprofundar

Deque University sobre input-button-name (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.