Subrayar los enlaces de tu web con CSS

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

¿Necesitas una página web?

Nosotros hacemos realidad la parte online desarrollando una página web que te diferencie de tu competencia, posicione dentro de tu sector y te de visibilidad frente a tu público potencial, a la gente que te necesita pero aún no te conoce.

posicionamiento seo

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.

Author avatar
Ayrton Gómez
https://xufa.es
Nos apasiona lo que hacemos ¡desde siempre! y llevamos muchos años de experiencia a las espaldas (y al teclado) en diseño y desarrollo web. Síguenos en línkedin