IJkpunt 12.4 - Webrichtlijnen 1
Associeer labels expliciet met hun besturingsmechanismen.
Referentie: De WCAG ijkpunten zijn identiek aan de Waarmerk drempelvrij ijkpunten en de Webrichtlijnen.
Beschrijving
Wanneer een label expliciet wordt geassocieerd, kan een user agent dit gebruiken om op verzoek extra informatie te geven.
Voordelen
- User agents kunnen extra informatie geven.
Criteria voor toetsing
- Het label is expliciet geassocieerd met de besturing.
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:
<label>telefoonnummer: <input type="text" ...></label>
Mogelijkheid 2: Expliciet, namelijk door gebruik te maken van het "for" en "id" attribuut:
<label for="telefoon">telefoonnummer:</label><input id="telefoon" type="text" ...>
Hoewel het toevoegen van de associatie in mogelijk 1 zeer zeker niet fout is, wordt mogelijkheid 2 aangeraden, aangezien dit ijkpunt explicite associatie eist. Implicite associatie is alleen voldoende voor ijkpunt 10.2.
In het geval van een enkel zoekveld kan het voorkomen dat een tekstlabel ontbreekt, in dat geval is associatie niet noodzakelijk.
Definities
Geen
Verwijzingen
- R-pd.13.1 Gebruik het label element om tekst expliciet met een invoerveld in een formulier te associëren.
- R-pd.11.3 Groepeer rijen met alleen th (table header) cellen met het thead (table head) element. Groepeer de rest van de tabel met het tbody (table body) element.
- R-pd.2.9 Bouw een website volgens de Web Content Accessibility Guidelines (WCAG 1.0) van het W3C.
- Tags:
- Categorie:
- Kennisbank
Geaccrediteerd voor inspectie voor het Waarmerk drempelvrij.nl
Member van het World Wide Web Consortium
Deze pagina delen