Corregir «Enlace no distinguible del texto» en HTML
Por qué es un problema
Un enlace señalado solo por el color desaparece para personas con daltonismo o con bajo contraste: nada indica que sea un enlace.
Cómo corregirlo — HTML
Subraye el enlace o dele otra señal visual permanente. Si prescinde del subrayado, el contraste entre el color del enlace y el del texto debe alcanzar 3:1, y debe aparecer una distinción adicional al pasar el ratón y al enfocar.
<p>Consultez <a href="/tarifs" style="color:#2f6fd0;text-decoration:none">nos tarifs</a>.</p><p>Consultez <a href="/tarifs" class="lien">nos tarifs</a>.</p>
<style>
/* Le soulignement est le repère le plus sûr : il ne dépend d'aucune perception de couleur. */
.lien { text-decoration: underline; text-underline-offset: 2px; }
.lien:hover, .lien:focus-visible { text-decoration-thickness: 2px; }
</style>Compruebe su sitio en 30 segundos
Conformly detecta este tipo de problema en todas sus páginas, de forma continua, y le avisa en cada regresión.
Escaneo gratis