Opgelet! Nieuwe ijkpunten
De ijkpunten in deze rubriek zijn niet meer van toepassing. De nieuwe AnySurfer checklist op 2dot0.anysurfer.be vervangt de oude richtlijnenset van 2006.
Zorg ervoor dat hyperlinks minstens 15 pixels breed en hoog zijn. Dat is nuttig of zelfs noodzakelijk voor internetgebruikers met een beperkte motoriek en voor wie een muisraster, een aanwijsstok of een ander invoermiddel gebruikt dat de muis vervangt.
Tip om het aanklikbare gebied te vergroten
De CSS-eigenschap padding kan het aanklikbare gebied van block level elements vergroten.
Voorbeeld (niet goed)
<style type="text/css">
img.storing {
border: none;
}
</style>
<a href="storing.html">
<img src="http://www.anysurfer.be/examples/alert.png"
alt="Storingsmelding" width="10" height="10" class="storing" />
</a>
Voorbeeld (goed)
<style type="text/css">
img.storing {
border: none;
padding: 5px;
}
</style>
<a href="storing.html">
<img src="http://www.anysurfer.be/examples/alert.png"
alt="Storingsmelding" width="10" height="10" class="storing" />
</a>
Gebruikersgroepen die baat hebben bij het toepassen van dit ijkpunt
- Slechtzienden en ouderen
- Motorisch gehandicapten
- Epileptici, dyslectici en bezoekers met een concentratiestoornis
- Gebruikers van zakcomputers en GSM's
- Iedereen
Wie waakt over het respecteren van dit ijkpunt?
- Webredacteur (teksten en afbeeldingen)
- Webdesigner (templates en stylesheets)
Betrokken tags en attributen
- a
- img
Overeenkomstige richtlijnen
- BlindSurfer: niet opgenomen
- WCAG 1.0: niet opgenomen