Nu heb ik hierover veel gelezen op internet en ik heb besloten dat dit mijn standaard opmaak van HTML-tags word
Voorbeeld 1:
<form>
<fieldset>
<legend>Formulier</legend>
<div>
<label for="input">Vul uw e-mail adres in.</label>
<input type="text" name="email" id="input" />
</div>
</fieldset>
</form>
Dit lukt me allemaal wel.
Maar nu wil je ook wel eens een set Checkboxjes gebruiken. Na een checkbox wil ik een label doen
Voorbeeld 2:
<input type="checkbox" id="check1" ... /><label for="check1">Nummer #1</label>
<input type="checkbox" id="check2" ... /><label for="check2">Nummer #2</label>
Nu staan deze labels aangesloten met de juiste checkboxen. Maar als ik bijvoorbeeld eerst een "vraag" wil stellen, zoals bij voorbeeld 1 'Vul uw e-mail adres in.', hoe link ik deze dan met alle checkboxen? Want een screenreader moet ook de link leggen tussen de "vraag" en de checkboxen.
Onderstaande kan in ieder geval niet, want dan zou je de algemene label 'Click de checkboxen.' koppelen aan één checkbox, terwijl deze aan een rij checkboxen gekoppeld moet worden.
<form>
<fieldset>
<legend>Formulier</legend>
<div>
<label>Click de checkboxen.</label>
<input type="checkbox" id="check1" ... /><label for="check1">Nummer #1</label>
<input type="checkbox" id="check2" ... /><label for="check2">Nummer #2</label>
</div>
</fieldset>
</form>
Wat is hier een goede oplossing voor? Een fieldset in de fieldset, waarbij de legend de "vraag" is?
Ik hoop dat mijn vraag een beetje duidelijk is.
Alvast bedankt voor het antwoord,
Mark L.
