U bent hier:
- Handleiding
- Ontwikkeling
- Links en navigatie
- Tabben tussen links
Links en navigatie: Tabben tussen links
Sommige webbezoekers met een motorische handicap hebben veel moeite met het gebruik van een muis. Daardoor zijn zij afhankelijk van het gebruik van een toetsenbord of een ander apparaat dat hen in staat stelt van de ene link naar de volgende te ‘springen’. Omdat dit in veel moderne browsers mogelijk is via de tab toets, wordt dit ook wel eens omschreven als ‘tabben’.
Webontwikkelaars hoeven in principe niets speciaals te doen om tabben mogelijk te maken; alle links in een webdocument, van de eerste tot en met de laatste, zijn standaard bereikbaar via de tab-toets. Vaak denken webontwikkelaars echter niet na over een logische volgorde van deze links. Soms proberen webontwikkelaars zelfs pro-actief te vermijden dat men van link naar link tabt, vanwege onwenselijke visuele effecten.
Wanneer men op een link klikt of ernaartoe tabt, heeft deze link focus. Dit wordt in grafische browsers vaak aangegeven met een gekleurd of gestippeld kader om de link (‘focus rectangle’). Sommige webontwikkelaars zijn zich niet bewust van het nut van deze visuele, voor sommige bezoekers essentiële hint. Zij vinden het storend en willen het weghalen door middel van client-side scripts of CSS.
“Create a logical tab order through links, form controls, and objects.”
Voorzie in een logische volgorde van de links op de pagina. Gebruik het tabindex attribuut om van de standaard tabvolgorde van links af te wijken wanneer deze volgorde niet toereikend is voor correct gebruik van de pagina door toetsenbordgebruikers.
Richtlijn R-pd.8.9
Maak het tabben naar links niet onmogelijk. Verwijder niet de focus rectangle rondom een link of de mogelijkheid tot focus op een link.
Richtlijn R-pd.8.10
Het gebruik van het tabindex attribuut.
Het tabindex attribuut biedt webontwikkelaars de mogelijkheid om een afwijkende volgorde te suggereren voor gebruikers die het toetsenbord gebruiken. Links die boven in de broncode van het webdocument staan, komen standaard als eerste in de volgorde voor. Links verderop in het document, bijvoorbeeld hoofdnavigatie, kunnen eerder aan bod komen door middel van het tabindex attribuut.
Voorbeeld van gebruik van het tabindex attribuut (HTML)
<a tabindex="10" ...>
De waarde voor het tabindex attribuut kan liggen tussen 1 en 32768, maar mag geen negatieve waarde zijn. Als er gebruik wordt gemaakt van dit attribuut, is het praktisch om dit te doen in oplopende tientallen (10, 20, 30, 40). Daarmee maakt de webontwikkelaar het mogelijk op elk gewenst moment nieuwe links tussen te voegen zonder alle tabindex attributen op de pagina te hoeven aanpassen.
Let op: niet elke link op de pagina hoeft een tabindex attribuut te bevatten. Probeer dit attribuut zo min mogelijk te gebruiken. Vertrouw zoveel mogelijk op de natuurlijke volgorde van de links.
Inhoudsopgave: De Handleiding
Inhoudsopgave: Links en navigatie
