Controlos de formulário HTML e XHTML que não estejam identificados utilizando value, alt ou conteúdo do elemento.
Esta técnica está relacionada com:
Os agentes de utilizador irão apresentar uma descrição quando o ponteiro do rato estiver sobre um elemento input que contenha um atributo title .
Se não existir nenhum label disponível, o JAWS e o Window-Eyes lêem o atributo title quando o controlo de formulário recebe o foco.
O JAWS 6.0 e posterior podem ser definidos para ler o label e o title quando os dois itens forem diferentes; contudo, muito poucos utilizadores têm conhecimento desta definição.
O WindowEyes 5.5 tem uma tecla de atalho, ins-E, que irá apresentar informações adicionais, incluindo o atributo title, para o item com o foco.
O objectivo desta técnica é utilizar o atributo title para identificar controlos de formulário quando o design visual não pode incluir a etiqueta (por exemplo, se não existir nenhum texto no ecrã que possa ser identificado como uma etiqueta), ou quando possa ser confuso apresentar uma etiqueta. Os agentes de utilizador, incluindo as tecnologias de apoio, podem ler o atributo title .
Um formulário de procura utiliza um menu pendente para limitar o âmbito da procura. O menu pendente está imediatamente adjacente ao campo de texto utilizado para introduzir o termo da procura. A relação entre o campo de procura e o menu pendente é clara para os utilizadores que conseguem ver o design visual, que não tem espaço para uma etiqueta visível. O atributo title é utilizado para identificar o menu select . O atributo title pode ser lido por leitores de ecrã ou apresentado como uma descrição às pessoas que utilizam ampliadores de ecrã.
Código Exemplo:
<label for="searchTerm">Search for:</label>
<input id="searchTerm" type="text" size="30" value="" name="searchTerm">
<select title="Search in" id="scope">
…
</select>
Uma página Web inclui controlos para introduzir um número de telefone dos Estados Unidos, com três campos para o indicativo, a central telefónica e os últimos quatro dígitos.
Código Exemplo:
<fieldset><legend>Phone number</legend>
<input id="areaCode" name="areaCode" title="Area Code"
type="text" size="3" value="" >
<input id="exchange" name="exchange" title="First three digits of phone number"
type="text" size="3" value="" >
<input id="lastDigits" name="lastDigits" title="Last four digits of phone number"
type="text" size="4" value="" >
</fieldset>
Uma página Web inclui um campo de texto, no qual o utilizador pode introduzir termos de procura, e um botão intitulado "Procura" para efectuar a procura. O atributo title é utilizado para identificar o controlo de formulário e o botão encontra-se imediatamente a seguir ao campo de texto, de modo a ser claro para o utilizador que o campo de texto é onde deve introduzir o termo da procura.
Código Exemplo:
<input type="text" title="Type search term here" value="Type search term here"/> <input type="submit" value="Search"/>
Os recursos são indicados apenas a título informativo, não implica que tenham sido aprovados.
Identifique cada controlo de formulário que não esteja associado a um elemento label .
Verifique se o controlo tem um atributo title .
Verifique se o atributo title identifica a finalidade do controlo.
Todos os passos acima são verdadeiros.