Tip para diseñadores web: Nunca dejen ligas o vínculos vacíos

Tip para diseñadores web: Nunca dejen ligas o vínculos vacíos

Cada vez que se pone un enlace en una página web se debe de asegurar de que se tiene el contenido de texto. Esto puede parecer muy obvio, pero en realidad es muy frecuente que por las prisas o por malas prácticas, no se ponga ningún texto. Incluso hay que ser honestos y hasta a los mejores diseñadores o programadores web les suele pasar esto.

¿Cómo podemos identificar cuando se están dejando vínculos vacíos?

Estos enlaces por lo general vienen de la siguiente manera:

<a href="http://domainexample.com/" accesskey="0"></a>

<a href="http://domainexample.com/"><img src="/v3/imagen.gif" alt=""></a>

En el primer caso, el enlace es invisible para todos, pero puede ser activado a través de un shortcut o atajo de teclado, aunque se debe de tener cuidado de que ese atajo de teclado no entre en conflicto con los accesos directos con los navegadores o con el mismo sistema operativo.

En algunos navegadores se pueden activar estos enlaces a través de una pestaña, pero no se tiene una respuesta visual a menos de que se mire con mucho cuidado en la barra de estado mientras se hace una tabulación a través de la página.

En el segundo caso, el propósito de la relación puede ser obvio para los usuarios ya que ven las imágenes habilitadas en su navegador. Sin embargo, debido a que la imagen en el enlace tiene un texto alternativo nulo, si no se puede ver la imagen, no habrá forma de ver alguna información en absoluto sobre el enlace.

entonces, ¿Cómo le hago para tener mis vínculos con la información para que funcione correctamente?

No existe mucha diferencia con la sintaxis anterior, pero se deben de poner los vínculos así para que sean de forma utilizable. Los subrayo con amarillo para que el ejemplo sea más claro:

<a href="http://domainexample.com/" accesskey="0">Texto enlace</a>

<a href="http://domainexample.com/"><img src="/v3/imagen.gif" alt="Texto enlace"></a>

Siempre habrá que tratar de asegurarse de que todos los enlaces que se creen, tengan un contenido de texto.

Este artículo es un consejo rápido de Ikita Studio para aquellas personas que se dedican al diseño web y esperamos que te sea de utilidad.

Eliminar entradas duplicadas en una matriz o Array...
Tu sitio web, ¿Ya tiene diseño responsivo?

Artículos relacionados

 

Clientes / Proyectos

  • Simonela
  • Somos Chanekes
  • Tarjeta Médica Pop
  • Napperz
  • Diffruta
  • Evenflo
  • Celeris
  • Avenida Conkal
  • Highkey
  • Casa de Proyectos
  • Gamyr
  • Safekids Mexico
  • Tarjeta Médica Pop
  • Raamy
  • Hagamos La Vaca
  • Rotary Distrito 4170
  • Ben 3D
  • Civflex
  • Armonía Decora
  • Hand Relax
  • Quantum IP
  • Otoniel Solis
  • Daniela Tapia
  • LTEC
  • Club Rotario Aragón
  • Club Campestre Saltillo
  • Policlínica New Dimensions
  • Faficom
  • Estylosa
  • KidZania
  • Montessori Nan
  • Ifonly México
  • Ola Verde MX
  • Master Payment
  • Universidad Motolinía
  • Norris & Elliott