Técnicas para as WCAG 2.0

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

-

H89: Utilizar o atributo title para fornecer ajuda contextualizada

Aplicabilidade

HTML e XHTML.

Esta técnica está relacionada com:

Notas de Apoio para o Agente de Utilizador e para a Tecnologia de Apoio

Descrição

O objectivo desta técnica é fornecer ajuda contextualizada aos utilizadores à medida que introduzem dados nos formulários, fornecendo as informações de ajuda num atributo title . A ajuda pode incluir informações sobre o formato ou exemplos de dados de entrada.

Nota: Os agentes de utilizador e as tecnologias de apoio actuais nem sempre fornecem aos utilizadores as informações incluídas no atributo title . Evite utilizar esta técnica separadamente até o atributo title ter um suporte extensivo.

Exemplos

Exemplo 1

Uma aplicação de mapas fornece um formulário que consiste numa etiqueta "Endereço:", numa caixa de entrada de dados e num botão Submeter com o valor "Localizar mapa". A caixa de entrada de dados tem um valor de atributo title com um exemplo do formato de endereço que o utilizador deve introduzir.

Código Exemplo:

<label for="searchAddress">Address: </label>
<input id="searchAddress" type="text" size="30" value="" name="searchAddress" 
 title="Address example: 101 Collins St, Melbourne, Australia" /> 

Exemplo 2

Um formulário que permite aos utilizadores pagarem as suas facturas online requer que o utilizador introduza o número da sua conta. A caixa de entrada de dados associada à etiqueta "Número de conta" tem um atributo title que fornece informações sobre como localizar o número de conta.

Código Exemplo:

<label for="accNum1">Account number: </label>
<input id="accNum1" type="text" size="10" value="" title="Your account number 
 can be found in the top right-hand corner of your bill." /> 

Testes

Procedimento

  1. Identifique os controlos de formulário que necessitam de entrada de texto.

  2. Verifique se cada controlo de formulário tem uma etiqueta explicitamente associada.

  3. Verifique se cada controlo de formulário inclui ajuda contextualizada no atributo title .

Resultados Esperados