label for optgroup

(Henvisende UWEM-test: 12.3_HTML_04)

Testinformasjon

Feil på grunn av

Det undersøkte optgroup elementet mangler et label attributt.

<optgroup>-elementet er brukt for å gruppere valg logisk,  etiketter for denne gruppen ved å bruke LABEL-attributtet er ikke spesifisert.

Hvorfor dette vil være en hindring

"OPTGROUP-element lar forfattere gruppere valg logisk. Dette er spesielt nyttig når brukeren må velge fra en lang liste av valgmuligheter; grupper av lignende valg er enklere å forstå og huske enn en eneste lang liste med valgmuligheter." W3: The SELECT, OPTGROUP, and OPTION elements

Løsning

Sett <optgroup> i sammenheng ved å spesifisere LABEL-attributtet.

Referanse

Henvisning til WCAG 1.0-kontrollpunkt

12.3

"Del store mengder informasjon opp i mindre deler der dette er naturlig." [Prioritet 2]
WCAG 1.0 Checkpoint 12.3

Henvisning til UWEM-test

12.3_HTML_04

Denne testen er rettet mot å finne oktogroup-elementer som mangler etikett.

Eksempler

  • Grouping selection options

    In this example the options of the selection-box are grouped logically.
    To indicate a meaning, every group must have a label, describing the group.

    Dårlig eksempel:
    <body>
    <form action="evalForm.php" method="post">

    <select name="Names" size="4">
    <optgroup   >
    <option>Anna</option>
    <option>Achim</option>
    <option>August</option>
    </optgroup>
    <optgroup   >
    <option>Berta</option>
    <option>Barbara</option>
    <option>Bernhard</option>
    </optgroup>
    </select>

    </form>
    </body>
    Godt eksempel:
    <body>
    <form action="evalForm.php" method="post">

    <select name="Names" size="4">
    <optgroup label="Names starting with A">
    <option>Anna</option>
    <option>Achim</option>
    <option>August</option>
    </optgroup>
    <optgroup label="Names starting with B">
    <option>Berta</option>
    <option>Barbara</option>
    <option>Bernhard</option>
    </optgroup>
    </select>

    </form>
    </body>
    Spørsmål, forslag, innvendinger? Gi oss en tilbakemelding!
Spørsmål, forslag, innvendinger? Gi oss en tilbakemelding!