Esta entrada trata de explicar brevemente como crear enlaces usables y accesibles en vuestras creaciones web.

  • Enlaza fragmentos pequeños de texto, tres o cuatro palabras como mucho, nunca enlaces párrafos enteros.
  • Crea el enlace en el término que más se adecua con el documento que pretendes enlazar. Procura evitar crear enlaces con el texto “Pinche aquí” , “Haga clic aquí” o similares.
  • Se recomienda usar el atributo lang=” ” para especificar el idioma del documento enlazado.
  • Usa siempre CSS para controlar el aspecto de los enlaces.
  • Los enlaces han de ser de un color distinto del texto normal, ha de distinguirse claramente que es un enlace y que no. Aparte de usar un color distinto ayuda usar el subrayado del texto del enlace, al menos debe subrayarse cuando el usuario pone el cursor sobre el.
  • Los enlaces visitados deben marcarse claramente sobre los que no lo están, se recomienda usar un color distinto. Usar la opción de tachar el texto no es recomendable ya que puede crear en el visitante la sensación que el enlace está roto, no funciona.
  • No se recomienda cambiar la tipografía ni el tamaño de la fuente al cambiar el estado de un enlace (al pasar de normal a visitado o cuando tiene el cursor encima).

Para controlar el aspecto de los enlaces se usa CSS 

a:link {
font:Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
color:#400080;
text-decoration:none;
}

a:hover{
color:#990000;
text-decoration:underline;
}
a:visited{
color:#009900;
text-decoration:none;
}

Trucos avanzados con css en enlaces.

tags: , ,