Formulieren en toetsenbordnavigatie

Net als op links kan op invoervelden het tabindex attribuut worden gebruikt. Hiermee kan de webontwikkelaar de volgorde beïnvloeden waarin een bezoeker de inhoud van het formulier navigeert via het toetsenbord (de tab toets).

Uitleg van deze richtlijn

Gebruik het tabindex attribuut zo min mogelijk: de volgorde van de invoervelden in de HTML broncode bepaalt de standaard tabvolgorde. Deze is meestal toereikend. Gebruik het tabindex attribuut alleen om van deze standaard volgorde af te wijken. Zie ook Het gebruik van het tabindex attribuut.

Voorbeelden

Voorbeeld van het tabindex attribuut op een invoerveld (HTML)

  1. <input type="text" tabindex="4" ...>

Gerelateerde richtlijnen

  • R-pd.13.1: Gebruik het label element om tekst expliciet met een invoerveld in een formulier te associëren.
  • R-pd.13.3: Breng groepering van invoervelden aan door middel van het fieldset element.
  • R-pd.13.4: Vermijd automatische doorverwijzing bij interactie met formulieren.
  • R-pd.13.5: Gebruik geen client-side script of formulieren als de enige manier om informatie op de site te bereiken.
  • R-pd.13.6: Confronteer een bezoeker niet met een onwerkzaam formulier als optionele technologieën - zoals CSS of client-side script - niet door de browser ondersteund worden.
  • R-pd.13.7: Wees terughoudend met het gebruik van CSS voor invoervelden en formulierknoppen.

Bijbehorende ijkpunten normdocument

  • IJkpunt 15.13: Gebruik het tabindex attribuut om van de standaard tab-volgorde op formuliervelden af te wijken wanneer deze volgorde niet toereikend is voor correct gebruik van het formulier door toetsenbordgebruikers.