Kostenloser Scan

„Link nicht vom Text unterscheidbar“ in HTML beheben

Warum das ein Problem ist

Ein nur farblich markierter Link verschwindet für farbfehlsichtige Personen oder bei geringem Kontrast: Nichts weist darauf hin, dass es ein Link ist.

So beheben Sie es — HTML

Unterstreichen Sie den Link oder geben Sie ihm ein anderes dauerhaftes visuelles Merkmal. Ohne Unterstreichung muss der Kontrast zwischen Link- und Textfarbe 3:1 erreichen, und bei Hover und Fokus muss ein zusätzliches Merkmal erscheinen.

Vermeiden
<p>Consultez <a href="/tarifs" style="color:#2f6fd0;text-decoration:none">nos tarifs</a>.</p>
Korrekt
<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>

Prüfen Sie Ihre Website in 30 Sekunden

Conformly erkennt diese Art von Problem auf allen Ihren Seiten kontinuierlich und warnt Sie bei jeder Regression.

Kostenloser Scan

Weitere Korrekturen