R-pd.13.7

Wees terughoudend met CSS voor formulieren

In sommige browsers wordt CSS op invoervelden en knoppen slecht ondersteund. Als het uiterlijk van het veld of de knop essentieel is voor het gebruik van het formulier, kunnen bezoekers van deze browsers in de war raken. Het is beter om HTML markup te gebruiken voor het aangeven van betekenis. Zoals <strong></strong> om een invoerveld en label dat aandacht verdient.

Daarnaast zijn bezoekers gewend aan het standaard uiterlijk van invoervelden en knoppen. Op de meeste websites zien ze er hetzelfde uit, en meestal komen deze velden en knoppen overeen met onderdelen in het besturingssysteem van de bezoeker. Het aanpassen van het uiterlijk hiervan kan verwarring scheppen. Het is beter om het uiterlijk van invoervelden en knoppen met rust te laten.

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

Bijbehorende ijkpunten normdocument

• IJkpunt 15.12: Wees terughoudend met het gebruik van CSS voor invoervelden en formulierknoppen.