Vermijd automatisch doorverwijzende selectiemenu’s

Vaak treft men navigatieformulieren aan die een selectiemenu hanteren. De bezoeker wordt doorgestuurd nadat een optie in dit menu is gekozen. Webontwikkelaars gebruiken dergelijke menu’s meestal vanwege de ruimtebesparing die ze bieden ten opzichte van reguliere lijsten met tekstlinks. Vaak besluiten ze een verstuur (submit) knop bij deze formulieren weg te laten; zodra de bezoeker een onderdeel uit de lijst selecteert, wordt hij onmiddellijk automatisch doorgestuurd naar een andere locatie.

Uitleg van deze richtlijn

Automatisch doorverwijzende selectiemenu's hebben een aantal nadelen.

Verwarring voor bezoekers

Voor bezoekers is het belangrijk dat zij hun op een site eigen tempo kunnen aanhouden. Een formulier dat zichzelf automatisch ‘verstuurt’ kan verwarrend werken. De bezoeker weet namelijk niet dat dit zal gebeuren wanneer hij een optie uit het menu selecteert. Het is gemakkelijk om bij dergelijke menu’s fouten te maken.

Nadelen voor toetsenbordgebruikers

Bezoekers met een motorisch handicap en gebruikers van mobiele apparaten, zoals mobiele telefoons en PDA ’s kunnen niet altijd over een muis beschikken. Zij zijn afhankelijk van het toetsenbord voor het gebruik van een computer en moeten op andere manieren door het menu navigeren, bijvoorbeeld door met het toetsenbord stap voor stap door de opties van het menu te gaan. In veel gevallen zullen de bezoekers bij elke stap onmiddellijk worden doorverwezen. Dit is iets om terdege rekening mee te houden (en op te testen!) bij de ontwikkeling van het script voor dit soort menu’s.

Voor de bezoeker is het hierboven beschreven gedrag in diverse browsers te omzeilen door de alt toets ingedrukt te houden terwijl hij het menu doorloopt. Het is echter aannemelijk dat de meeste bezoekers hier niet mee bekend zijn.

Oplossingen

Webontwikkelaars moeten automatische doorverwijzing in deze vorm vermijden. Met een verstuur (submit) knop bij dergelijke formulieren kan de bezoeker zelf bepalen of en wanneer hij wil worden doorgestuurd. Ook toetsenbordgebruikers zullen gebaat zijn bij het ontbreken van een onmiddellijke automatische doorverwijzing. Zij kunnen net als ieder ander het menu op hun gemak gebruiken en via de verstuur knop hun keuze bevestigen.

Natuurlijk kunnen navigatieformulieren ook worden weggelaten. Een lijst met tekstlinks is een bijzonder toegankelijk en gebruiksvriendelijk alternatief. Lijsten zijn overzichtelijk en de bezoeker kan met één klik een link uit een lijst volgen.

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.2: 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.
  • R-pd.13.3: Breng groepering van invoervelden aan door middel van het fieldset element.
  • 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 7.5: Gebruik geen opmaak om pagina's automatisch te redirecten totdat user agents de mogelijkheid leveren om auto-redirect te stoppen. Configureer in plaats daarvan de server om redirects uit te voeren.