Técnicas para as WCAG 2.0

Ir para o conteúdo (Pressione a tecla Enter)

-

H36: Utilizar atributos alt em imagens utilizadas como botões Submeter

Aplicabilidade

Aplica-se a conteúdo que utiliza botões Submeter baseados em imagens.

Esta técnica está relacionada com:

Descrição

Para elementos input de tipo "imagem", é utilizado o atributo alt do elemento input para fornecer uma etiqueta funcional. Esta etiqueta indica a função do botão, mas não tenta descrever a imagem. A etiqueta é especialmente importante se existirem vários botões Submeter na página, cada um deles conduzindo a resultados diferentes.

O elemento input é utilizado para criar vários tipos de controlos de formulário. Embora os DTDs HTML e XHTML permitam o atributo alt em todos eles, só deve ser utilizado em botões Submeter de imagem. O suporte do agente de utilizador para este atributo noutros tipos de controlos de formulário não está bem definido, e são utilizados outros mecanismos para identificar estes controlos.

Exemplos

Exemplo 1

Um elemento input com um atributo alt .

Código Exemplo:

<form action="http://example.com/prog/text-read" method="post">
  <input type="image" name="submit" src="button.gif" alt="Submit" />
</form> 

Recursos

Os recursos são indicados apenas a título informativo, não implica que tenham sido aprovados.

Testes

Procedimento

  1. Para todos os elementos input que tenham um valor de atributo type de "imagem", verifique se existe um atributo alt.

  2. Verifique se o atributo alt indica a função do botão.

Resultados Esperados