Alle webbrowsers gebruiken standaardkleuren voor koppelingen als de webontwerper ze niet instelt. Zij zijn:
- De standaard linkkleur
- De actieve linkkleur (wanneer de muis wordt aangeklikt en vastgehouden via de link)
- De gevolgde linkkleur (wanneer er eerder op de link werd geklikt)
Bovendien, terwijl de meeste webbrowsers dit standaard niet veranderen, kunt u ook de hover-kleur definiëren - de kleur die de link is wanneer er een muis over wordt gehouden.
Gebruik CSS om linkkleuren te wijzigen
Gebruik een Cascading Style Sheet om deze kleuren te wijzigen. De gemakkelijkste manier om de verbindingskleur te wijzigen, is door de tag te stylen:
een {kleur: zwart; }
Met deze CSS veranderen sommige browsers alle aspecten van de link (actief, gevolgd en zwevend) in zwart, terwijl andere alleen de standaardkleur wijzigen.
Gebruik CSS Pseudo-klassen om alle delen van een link te wijzigen
Een pseudo-klasse wordt in CSS weergegeven met een dubbele punt (:) vóór de klassenaam. Vier pseudo-klassen beïnvloeden links:
De standaardlinkkleur wijzigen:
a: link {color: red; }
De actieve kleur wijzigen:
a: actief {kleur: blauw; }
De kleur van de gevolgde koppeling wijzigen:
a: bezocht {kleur: paars; }
Om de muis over kleur te veranderen:
overwegingen
Vermijd het overschrijven van standaardlinkkleuren om het moeilijker te maken om links te vinden. Als u bijvoorbeeld een koppeling naar een zeer lichte kleur tegen een witte achtergrond wijzigt, heeft dit een negatief effect op bezoekers met een visuele handicap. Streef naar afzonderlijke kleuren voor actieve en volggekoppelde kleuren, om ervoor te zorgen dat bezoekers van de site niet in de war raken over welke pagina's ze hebben bezocht.
