H65Usar el atributo title para identificar los controles de formulario cuando no se puede usar el elemento label

Un menú desplegable que limita el alcance de una búsqueda

Un formulario de búsqueda usa un menú desplegable para limitar el alcance de la búsqueda. El menú desplegable está inmediatamente al lado del campo de texto que se usa para introducir el término de búsqueda. La relación entre el campo de búsqueda y el menú desplegable resulta clara para los usuarios que pueden ver el diseño visual, que no tiene espacio para una etiqueta visible independiente. El atributo title se usa para identificar el menú select. El atributo title puede ser leído por los lectores de pantalla o mostrarse como información emergente (tooltip) a las personas que usan magnificadores de pantalla. Debe haber información visual en la página que permita a los usuarios videntes comprender el propósito de los controles de formulario y de los agentes de usuario.

<label for="search-term">Search for:</label>
<input id="search-term" name="search-term" type="text" value="">
<select title="Search in" id="scope">
  ...
</select> 

Campos de entrada para un número de teléfono

Una página web contiene controles para introducir un número de teléfono de Estados Unidos, con tres campos para el prefijo de zona, la central y los cuatro últimos dígitos.

<fieldset>
  <legend>Phone number</legend>
  <input id="area-code" name="area-code" 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="last-digits" name="last-digits" title="Last four digits of phone number" 
   type="text" size="4" value="">
</fieldset> 

Una función de búsqueda

Una página web contiene un campo de texto en el que el usuario puede introducir términos de búsqueda y un botón etiquetado «Search» (buscar) para realizar la búsqueda. El atributo title se usa para identificar el control de formulario, y el botón se coloca justo después del campo de texto para que al usuario le quede claro que el término de búsqueda debe introducirse en ese campo.

<input type="text" title="Type search term here"> <input type="submit" value="Search">

Una tabla de datos con controles de formulario

Una tabla de datos con controles de formulario necesita asociar cada control con los encabezados de columna y de fila de su celda. Sin un title (o una etiqueta fuera de pantalla), a los usuarios que no ven les resulta difícil detenerse y consultar con su tecnología de asistencia los valores de los encabezados de fila o columna correspondientes mientras recorren el formulario con el tabulador.

Por ejemplo, un formulario de encuesta tiene cuatro encabezados de columna en la primera fila: Pregunta, De acuerdo, Indeciso, En desacuerdo. Cada una de las filas siguientes contiene una pregunta y un botón de opción en cada celda, correspondiente a la opción de respuesta de las tres columnas. El atributo title de cada botón de opción contiene la información necesaria para identificar el control.