R-pd.8.9

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’.

Uitleg van deze richtlijn

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. Zie R-pd.8.10: Maak het tabben naar links niet onmogelijk. Verwijder niet de focus rectangle rondom een link of de mogelijkheid tot focus op een link.

“Create a logical tab order through links, form controls, and objects.”

W3C Web Content Accessibility Guidelines ijkpunt 9.4

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)

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.

Links en referenties

• Aan de slag: Seriële navigatie

Gerelateerde richtlijnen

• R-pd.8.10: Maak het tabben naar links niet onmogelijk. Verwijder niet de focus rectangle rondom een link of de mogelijkheid tot focus op een link.
• R-pd.8.11: Ontzie het accesskey attribuut. Als toch besloten wordt dit attribuut toe te passen, gebruik het alleen op links die door de hele site onveranderd blijven (bijvoorbeeld hoofdnavigatie) en beperk de sneltoetscombinaties tot nummers.

Bijbehorende ijkpunten normdocument

• IJkpunt 9.4: Creëer een logische volgorde van tabs door middel van links, formulierbesturing en objecten.