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

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