Algemeen Internet Software Toetsing Toegankelijke Bouwers

Menu

Logo inspectie Raad van Accreditatie I-184
Geaccrediteerd voor inspectie voor het Waarmerk drempelvrij.nl

naar het W3C

W3C ijkpunt 10.2: Totdat user agents expliciete associaties tussen labels en formulierelementen ondersteunen, is het verstandig om bij alle formulierelementen met impliciet geassocieerde labels ervoor te zorgen dat de label netjes is gepositioneerd.

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

Beschrijving

Door labels te associëren met formulierelementen en tegelijkertijd de labels netjes te positioneren, kunnen schermlezer deze samen presenteren en ze in braille en/of spraak leveren. Op deze manier is het doel van formulierelementen duidelijk.

Voordelen

  • Iedere gebruiker begrijpt welke formulieren en labels bij elkaar horen.

Criteria voor toetsing

  • Alle formulierelementen hebben (minstens) impliciet geassocieerde labels, d.w.z. de labels en elementen zijn netjes gepositioneerd.

Voorbeelden

Voorbeeld 1 (Tekst associëren met een invoerveld)

Een formulier bevat een veld voor de invoer van het telefoonnummer van een gebruiker. Het invoerveld heeft een geassocieerd tekstlabel, dat "telefoonnummer" heet. De associatie tussen het label en het invoerveld kan op twee manieren gedaan worden.

Mogelijkheid 1: Impliciet, namelijk door zowel het tekstlabel als het invoerveld binnen de label markup te plaatsen:

  1. <label>telefoonnummer: <input type="text" ...></label>

Mogelijkheid 2: Expliciet, namelijk door gebruik te maken van het "for" en "id" attribuut:

  1. <label for="telefoon">telefoonnummer:</label>
  2. <input id="telefoon" type="text" ...>

Hoewel het toevoegen van de associatie in mogelijkheid 1 voor dit ijkpunt niet fout is, wordt mogelijkheid 2 aangeraden, aangezien ijkpunt 12.4 explicite associatie eist. Implicite associatie is alleen voldoende voor dit ijkpunt.

Verwijzingen

  • R-pd.2.9 Bouw een website volgens de Web Content Accessibility Guidelines (WCAG 1.0) van het W3C.

©2010 Stichting Accessibility. Disclaimer | Privacy policy | XHTML en CSS valide