H33Completar el texto de un enlace con el atributo title

Por qué es importante

Un enlace como «bases» puede quedar más claro con una nota: «Bases de la convocatoria de ayudas 2027». Eso ayuda a saber adónde lleva antes de pulsarlo.

Pero el title solo aparece con el ratón. No llega a quien usa teclado o pantalla táctil, y los lectores de pantalla no siempre lo leen. Si contiene algo importante, como un aviso, muchas personas se lo perderán.

Cómo se hace

1. Primero, intente que el texto del enlace se entienda por sí solo. Es la opción preferida.
2. Use title solo para información complementaria, que no sea imprescindible.
3. Ponga los avisos dentro del texto del enlace, no en title: «Formulario de solicitud (PDF, 2 MB)», «se abre en una ventana nueva».
4. No repita en title el mismo texto del enlace, porque no aporta nada.
5. Si necesita texto extra solo para el lector de pantalla, valore incluirlo en el enlace y ocultarlo visualmente con CSS.

Cómo comprobarlo

1. Busque en el código los enlaces con atributo title.
2. Compruebe que el texto del enlace junto con el title describe el destino.
3. Compruebe que el title no contiene información imprescindible que falte en el texto del enlace o en la frase que lo rodea.

Ejemplo

Enlace cuyo destino ya se entiende por la frase; el title solo lo refuerza.

<p>
  Consulte las
  <a href="/ayudas/2027/bases.pdf"
     title="Bases de la convocatoria de ayudas al comercio 2027">bases</a>
  de la convocatoria de ayudas al comercio.
</p>