Marketing digital, Diseño web y posicionamiento SEO

Subrayar los enlaces de tu web con CSS

Contenidos

5/5 - (1 voto)

Las WCAG no exigen estrictamente el uso del subrayado en los enlaces, pero lo recomiendan. Los usuarios con daltonismo deberían poder identificar el enlace. Puedes distinguirlos de otras maneras, como por ejemplo utilizando texto en negrita. También puedes mantener esa asequibilidad visual que se ha establecido a lo largo de los años.

Muchas veces los enlaces de las web no se ven con claridad. Yo te recomiendo
subrayar todos los enlaces de tu web para que de este modo se puedan apreciar con más claridad.

¿Cómo subrayar enlaces CSS?

En primer lugar deberás ir a tu menú de WordPress, al apartado APARIENCIA > PERSONALIZAR

subrayar enlaces

Te aparecerá otro menú dentro de PERSONALIZAR.

subrayar enlaces css

Seguidamente selecciona la opción «CSS adicional» para añadir el código que te permitirá
poner el subrayado en todos tus enlaces.

Para finalizar introduce el siguiente código y dale a guardar:

Si quieres cambiar el color del subrayado, sustituye la palabra black por el código de
color que quieras (Por ejemplo: #FCE3E8, #FFFFFFF, #333333...)

 a {
     text-decoration: underline black; 
 }

Si tienes cualquier duda puedes consultarme en el siguiente enlace.

Ayrton Gómez
Me llamo Ayrton y estoy aquí para ayudarte a ti y a tu empresa a crear una WEB que esté bien diseñada desde el principio, que sea rápida, que se indexe bien en Google, se adapte a cualquier dispositivo.
Compartir:
Artículos relacionados
Xufa estudio
Políticas de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.

Más información sobre nuestra aviso legal y política de privacidad