Diseño web y posicionamiento SEO en Valencia

Subrayar los enlaces de tu web con CSS

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

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.

¿Qué te ha parecido?

xufa estudio logo

Hacemos que tu
proyecto web crezca.

Copyright © 2024 info@xufa.es | Todos los derechos reservados.

Servicios