Maak links onderscheidend door stijlen te gebruiken die niet afhankelijk zijn van kleur

Hoe het probleem op te lossen?

Om het probleem aan te pakken, zorg ervoor dat links gemakkelijk te onderscheiden zijn van de omringende tekst. Dit kun je bereiken door aan een van de volgende vereisten te voldoen:

1. Gebruik onderstrepingen, lettertype-styling, randen, of gebruik een andere achtergrondkleur voor de link.
2. Zorg voor een kleurcontrast van minimaal 3:1 tussen de tekst van de link en de tekst van de alinea. Verifieer handmatig dat links duidelijke stijlen krijgen bij focus en hover.

FOUT:

GOED:

Een best practice is om links te onderstrepen om ze onderscheidend te maken:

<p>
  Voorbeeld
  <a href="https://example.com" style="text-decoration: underline"> website </a>
  link
</p>

Waarom is dit belangrijk?

Mensen die slechtziend zijn of een vorm van kleurenblindheid hebben kunnen moeite hebben om links te onderscheiden van gewone tekst. Links waarbij alleen kleur aangeeft dat iets een link is, zorgen ervoor dat een grote groep mensen dit mogelijk niet als een link herkent.

Ongeveer 1 op de 12 mannen hebben een vorm van kleurenblindheid.