Técnica HTML WCAG 2.2
H89Usar el atributo title para proporcionar ayuda contextual
En resumen
Esta técnica añade ayuda contextual a los campos de un formulario (formato esperado, ejemplos, dónde encontrar un dato) mediante el atributo title del control, sin saturar la pantalla con instrucciones. Beneficia a personas con dificultades cognitivas o poco familiarizadas con el formulario. Como no todos los navegadores y tecnologías de asistencia muestran el title, no debe ser el único medio de ayuda: combínela con etiquetas e instrucciones visibles.
Aplicabilidad
HTML
Descripción
El objetivo de esta técnica es proporcionar ayuda contextual a los usuarios mientras introducen datos en formularios, incluyendo la información de ayuda en un atributo title. La ayuda puede incluir información sobre el formato o ejemplos de lo que hay que introducir.
Los agentes de usuario y las tecnologías de asistencia actuales no siempre presentan a los usuarios la información contenida en el atributo title. Evite usar esta técnica de forma aislada.
Ejemplos
Una aplicación de mapas ofrece un formulario compuesto por una etiqueta «Address:» (dirección), un componente de entrada y un botón de envío con el valor «Find map» (buscar mapa). El componente de entrada tiene un atributo title cuyo valor es un ejemplo del formato de dirección que debe introducir el usuario.
<label for="search-address">Address:</label>
<input id="search-address" name="search-address" size="30"
title="Address example: 101 Collins St, Melbourne, Australia" type="text" value="">Un formulario que permite a los usuarios pagar su factura en línea exige que el usuario introduzca su número de cuenta. El componente de entrada asociado a la etiqueta «Account number» (número de cuenta) tiene un atributo title que proporciona información sobre dónde localizar el número de cuenta.
<label for="acc-num1">Account number:</label>
<input id="acc-num1" size="10"
title="Your account number can be found in the top right-hand corner of your bill"
type="text" value="">Pruebas
Procedimiento
- Identificar los controles de formulario que requieren la introducción de texto.
- Comprobar que cada control de formulario tiene una etiqueta asociada explícitamente.
- Comprobar que cada control de formulario tiene ayuda contextual proporcionada en el atributo
title.
Resultados esperados
- Las comprobaciones n.º 2 y n.º 3 son verdaderas.
Cómo lo comprobamos en ADDAW
En las auditorías de accesibilidad de ADDAW revisamos cada criterio de conformidad siguiendo este catálogo de técnicas: comprobamos si la web aplica una técnica suficiente y documentamos cada fallo común con capturas y el código afectado, para que el equipo de desarrollo sepa exactamente qué corregir. Los informes siguen la metodología del Observatorio de Accesibilidad y la norma UNE-EN 301 549.
Fuente y licencia
Traducción al español, no oficial, realizada por ADDAW a partir de la técnica H89 del documento «Techniques for WCAG 2.2» del W3C (versión del repositorio público del W3C a 22/10/2026). Copyright © W3C® (MIT, ERCIM, Keio, Beihang). Se publica conforme a la licencia de documentos del W3C. El texto normativo de referencia es el original en inglés; si detecta un error en la traducción, escríbanos.
