Sumérjase en la Accesibilidad

Día 14: Añadir títulos a los vínculos

Por el hecho de que la Internet está conformada por vínculos, cualquiera pensaría que mas personas conocerían el atributo title, pero raramente lo veo. Para aquellos que no lo saben, todos los vínculos pueden tener un título, especificado por medio del atributo title de la etiqueta <a>. Esto es un complemento a cualquier vínculo textual que especifique. El titulo de un vínculo generalmente se muestra como una ventana de información sobre herramientas en los navegadores visuales, pero puede presentarse también en navegadores no visuales.

No todos los vínculos deben llevar títulos. Si el texto de un vinculo es el nombre de un articulo, no añada un titulo; el propio texto del enlace es lo suficientemente descriptivo. Pero si usted lee el texto del vínculo solo, fuera de contexto, y no puede darse cuenta de hacia donde señala, añada un titulo.

Quién se beneficia?

1. Jackie se beneficia. JAWS tiene una opción para leer el titulo de un vinculo conjuntamente con el texto de este (Esta opción no está activada por defecto. Para activarla, Jackie presionó INSERT+V para acceder a la ventana de opciones de verbosidad de JAWS, y luego cambió "Text links verbosity" a "Alt tag or title").
2. Michael se beneficia. Cuando mueve el cursor sobre un enlace en Opera, se muestra el titulo del vinculo es la barra de estado y como una información sobre herramientas. Esto le permite decidir si quiere gastar su ancho de banda siguiendo este vínculo.
3. Lillian se beneficia. se beneficia. Cuando ella mueve el cursor sobre el vínculo en Internet Explorer, se muestra el titulo de un enlace como una información sobre herramientas.
4. Marcus se beneficia. Cuando Marcus presiona "l", Lynx muestra un listado de vínculos de la página actual. El listado incluye el titulo de cada vínculo, si está presente.

Como hacerlo

En cada vinculo en el cual el texto del mismo por si solo no sea suficiente para que el lector decida si debe hacer clic en el vinculo, añada el atributo title. Ejemplos:

1. En mi barra de navegación, tengo un vínculo hacia mi página de estadísticas. El texto del vinculo dice simplemente Estadísticas, pero el atributo title brinda más información:

   <a title="estadísticas de visitantes y referidos" href="/stats/">Estadísticas</a>

2. En mi barra de navegación, tengo un vínculo a mi libro, Dive Into Python, que luce como sigue:

   <a title="Free Python book for experienced programmers" href="http://diveintopython.org/">Dive Into Python</a>

3. Cuando hago un vinculo hacia un artículo usando una frase dentro de una oración, trato de usar el atributo title para dar información que identifique el vinculo, tal como un titulo de archive o una citación. Por ejemplo, el consejo de ayer incluía esta oración:

   Por qué es esto un problema? Porque <a title="Estadísticas de TheCounter.com sobre el uso de JavaScript en los navegadores, Abril 2002" href="http://www.thecounter.com/stats/2002/April/javas.php">de los usuarios de Internet no usa JavaScript;/a> por una razón u otra, incluyendo muchos usuarios discapacitados cuyos navegadores simplemente no ofrecen soporte para este.

   Lo que aparece así:

   Por qué es un problema? Porque el el 11% de los usuarios de Internet no usan JavaScript por una razón u otra, incluyendo a muchos usuarios discapacitados cuyos navegadores no ofrecen soporte para este.

No se extralimite con el atributo title attribute. Todo con moderación.

Lectura añadida

• Jakob Nielsen: Usando Títulos de Vínculos para ayudar a los Usuarios a Predecir hacia donde se Dirigen, artículo en inglés.