Outils d'accessibilité gratuits /

Vérificateur de contraste des liens

Assurez-vous que vos liens sont visibles et facilement identifiables. Testez les couleurs, les styles et les soulignements pour garantir l'accessibilité.

Couleur du texte

Couleur de fond

Style de contenu

Souligner le lien

Lien en gras

Texte plus grand

Couleur du lien

WCAG

AA: Conforme AAA: Conforme

Ratio de contraste

Lien par rapport au texte

8.42 Very good

Lien par rapport au fond

8.42 Very good

Texte par rapport au fond

8.42 Very good

Naviguer sur un site web doit être simple. Garantir que les liens importants se démarquent permet aux utilisateurs de trouver plus facilement ce dont ils ont besoin.

Un contraste insuffisant peut rendre les informations essentielles difficiles à repérer, ce qui peut entraîner de la frustration. Les liens doivent toujours être visibles, qu'ils soient intégrés dans un paragraphe ou isolés.

Besoin de conseils ? Consultez nos bonnes pratiques pour le contraste des liens afin d'améliorer la lisibilité et l'accessibilité.

Contraste excellent, recommandé par les experts en accessibilité.

Découvrir d'autres outils gratuits

Suite complète d'outils d'accessibilité web pour tester, surveiller et améliorer l'accessibilité de votre site

Vérificateur d'accessibilité

Vérifiez si votre site est accessible et conforme aux normes WCAG.

Surveillance de l'accessibilité web

Suivez l'accessibilité dans le temps. Assignez des corrections, collaborez avec votre équipe.

Widget d'accessibilité gratuit

Ajoutez notre widget d'accessibilité gratuit avec des outils de texte, de contraste et de clavier.

Vérificateur de contraste de texte

Vérifiez si votre texte a suffisamment de contraste et est conforme aux normes WCAG.

Vérificateur de contraste d'image

Vérifiez si le texte sur votre image respecte le contraste WCAG.

Contraste des liens et conformité WCAG

Garantir un contraste suffisant pour les liens est essentiel pour l'accessibilité. Cela implique un bon contraste avec le fond et une distinction claire par rapport au texte environnant.

Exigences en matière de contraste

Liens seuls - 4,5:1 par rapport au fond

Les liens qui apparaissent seuls (par exemple, menus de navigation, boutons ou liens isolés) doivent avoir un ratio de contraste d'au moins 4,5:1 par rapport au fond.
Cela garantit qu'ils sont clairement visibles même sans style supplémentaire comme des soulignements ou un formatage en gras.

Liens intégrés - 3:1 par rapport au texte environnant (si seul le changement de couleur est utilisé)

Lorsque les liens apparaissent dans un bloc de texte et ne sont différenciés que par la couleur, le ratio de contraste doit être d'au moins 3:1 par rapport au texte environnant pour assurer la lisibilité aux utilisateurs ayant des déficiences de vision des couleurs.
Si les liens utilisent un style en gras en plus de la couleur, l'exigence de contraste s'applique entre le lien et le fond, et non le texte environnant.
Si les liens sont soulignés, ils n'ont besoin que d'être d'une couleur différente du texte environnant, sans exigence de ratio de contraste spécifique, tant que les exigences de contraste du texte et du fond sont respectées.

Points clés

Identification claire - Les liens d'accessibilité doivent se démarquer clairement du texte régulier pour que les utilisateurs puissent les identifier facilement.
Ne pas se baser uniquement sur la couleur - Utilisez des soulignements, des styles en gras ou d'autres indicateurs visuels pour améliorer l'accessibilité des liens.
États au survol et au focus - Assurez-vous que le contraste des liens reste visible lors du survol ou de la mise au point pour une meilleure navigation au clavier.
Influence du fond - Les liens doivent rester lisibles sur tous les fonds pour répondre aux exigences d'accessibilité WCAG.

En savoir plus sur tabnav WCAG Academy : SC 1.4.3 - Contraste (Minimum)

Test d'accessibilité web

Ne vous limitez pas au contraste : analysez votre site pour tous les critères de conformité WCAG.

Scanning icon on bright purple

Lancer l'analyse gratuite

Erreurs fréquentes liées au contraste des liens

Même si un lien paraît visible, un faible contraste peut le rendre difficile à identifier pour les personnes malvoyantes. Le contraste minimum avec le fond est de 4,5:1. Si seule la couleur différencie le lien, il doit aussi avoir un contraste d'au moins 3:1 avec le texte autour.
Le texte en gras améliore la lisibilité, mais ne remplace pas les exigences de contraste. Il faut aussi respecter les ratios WCAG entre le lien et le texte environnant.
La soulignement aide, mais si le lien est différencié uniquement par la couleur, un contraste minimum de 4,5:1 est requis. Combinez couleur et style pour garantir la lisibilité.
Les effets visuels doivent conserver un bon contraste. Si la couleur change au survol ou en focus, elle doit rester conforme aux critères d'accessibilité.
Ce qui est lisible en pleine lumière peut ne pas l'être dans l'obscurité. Testez toujours vos designs dans différents contextes lumineux.

Merci pour votre retour 😊

L'équipe tabnav prend vos retours au sérieux pour améliorer constamment ses services.