Paso 8: Hipervínculos

Los hipervínculos, además de lo anteriormente dicho sobre su normalización, deben tener una normalización semántica. Para ello, tenemos dos opciones principales:

1. Insertar la expresión Pincha / Pulsa aquí.
2. En el hipervínculo introducir la etiqueta <TITLE> que en la mayoría de los navegadores también actúa como texto alternativo, y que proporciona información complementaria. En ocasiones, no nos interesará que este contenga información alguna, en ese caso no lo omitiremos, pondremos <TITLE=""> sin un espacio entre las comillas.
3. En el hipervínculo introducir la etiqueta <ALT> que contiene el texto que será leído por los lectores de pantalla o los navegadores por voz. En IE se leera este campo en ausencia del de <TITLE>.

En muchos casos, podremos optar y será lo más conveniente, por las tres opciones.

Por otra parte y por obvio que nos parezca, no debemos abrir nuevas ventanas ya que la persona que esté navegando con lectores de pantalla o navegadores por voz se verán desorientados. Así, debemos eliminar  del código siguiente:

    <a href="http://web-design-1-practica.blogspot.com" alt="Acceso directo al Blog Cuaderno de Bitácora DPT-1" title="Cuaderno de Bitácora DPT-1" target="_blank">Mi blog</a>

la etiqueta target="_blank":

<a href="http://web-design-1-practica.blogspot.com" alt="Acceso directo al Blog Cuaderno de Bitácora DPT-1" title="Cuaderno de Bitácora DPT-1">Mi blog</a>

Quedando como resultado final el hipervínculo siguiente:

Mi blog