Terug naar Webrichtlijnen 1 - Overzicht van ijkpunten

IJkpunt 12.3 - Webrichtlijnen 1

Verdeel grote blokken informatie onder in meer beheersbare groepen, waar dit natuurlijk en juist is.

Referentie: De WCAG ijkpunten zijn identiek aan de Waarmerk drempelvrij ijkpunten en de Webrichtlijnen.

Beschrijving

Voor bepaalde gebruikers is het moeilijk om grote blokken informatie op het internet te lezen. De informatie kan in kleinere en meer beheersbare groepen informatie worden verdeeld om de informatie beter te kunnen hanteren. Ook in formulieren is het mogelijk om verschillende blokken samen te voegen om een duidelijkere structuur en beter overzicht te bieden.

Voordelen

  • Grote blokken informatie worden beter leesbaar.

Criteria voor toetsing

  • Grote blokken informatie zijn in meer beheersbare groepen verdeeld.

Voorbeelden

Voorbeeld 1 (Het gebruik van formulieren op uw site)

Gebruik in HTML optgroup om option elementen binnen een selectie te groeperen; groepeer formulierbesturingen met fieldset en legend; gebruik geneste lijsten waar van toepassing; gebruik kopregels om documenten te structureren, enzovoort.

Voorbeeld 2 (Invoervelden groeperen)

In grote complexe formulieren kunnen invoervelden en hun labels vaak in groepen worden ingedeeld, zoals "Persoonlijke gegevens" of "Uw opmerkingen". Het groeperen van invoervelden maakt een formulier meer toegankelijk en handiger ingedeeld. Pas deze groepering toe door middel van het fieldset element: De <fieldset></fieldset> tags worden rondom een verzameling invoervelden, labels en teksten geplaatst. In grafische browsers worden de fieldset secties vaak als vakken weergegeven. Het uiterlijk kan worden gewijzigd met behulp van CSS (Cascading Style Sheets). Bezoekers met speciale browsers, zoals schermlezers, kunnen van de ene fieldset sectie naar de andere 'springen' en op die manier complexe formulieren eenvoudiger invullen.

Definities

Geen

Verwijzingen

  • R-pd.13.3 Breng groepering van invoervelden aan door middel van het fieldset element.
  • R-pd.2.9 Bouw een website volgens de Web Content Accessibility Guidelines (WCAG 1.0) van het W3C.
  • Delen op Facebook
  • Delen op Twitter
  • Delen op LinkedIn
  • Delen op Google+