Calcula tu Recibo de Honorarios / CFDI 2019
Image is not available
Calcula tu Recibo de Honorarios / CFDI 2019
Calcula desde otros conceptos
Comprende de qué tratan los conceptos
Tienes una gran idea
Nos comunicas tu idea
Trabajamos en equipo
Creamos la diferencia
Image is not available
Image is not available
Image is not available
Image is not available
Image is not available
Image is not available
Image is not available
Image is not available
Image is not available
Image is not available
Web e Internet

Layout, diseño, desarrollo e implementación.

web
Image is not available
Image is not available
Image is not available
Image is not available
Image is not available
Image is not available
Image is not available
Image is not available
Hosting & Cloud

Consulta los diferentes paquetes de Ikita

cloud_done
previous arrowprevious arrow
next arrownext arrow
Slider

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?

Related Posts

 

Follow us on Twitter

Clients / Projects

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