Raggruppamento dei fieldset

Silktide controlla che i gruppi di pulsanti di opzione o caselle di controllo correlati siano racchiusi in un fieldset. Il fieldset comunica alla che le opzioni appartengono allo stesso gruppo e costituiscono un'unica domanda.

In , i pulsanti di opzione e le caselle di controllo che condividono lo stesso attributo name funzionano come un unico gruppo: scegli la taglia, seleziona i topping. Visivamente, il raggruppamento è evidente perché le opzioni sono vicine; nel codice, solo un <fieldset> lo rende esplicito.

<!-- Problema: opzioni correlate senza alcun raggruppamento -->
<label><input type="checkbox" name="fruit" value="apple"> Mela</label>
<label><input type="checkbox" name="fruit" value="banana"> Banana</label>

Perché è importante

Un annuncia ogni opzione quando viene raggiunta. Senza un gruppo, chi ascolta sente "Mela, casella di controllo" e "Banana, casella di controllo", senza alcuna indicazione della domanda a cui rispondono; il testo della domanda potrebbe essere stato letto molto prima oppure non essere mai stato associato. Racchiudendo le opzioni in un fieldset con una legenda, ogni opzione viene annunciata nel proprio contesto, così chi ascolta sa sempre cosa sta scegliendo.

Come risolvere il problema

Racchiudi ogni insieme di opzioni correlate in un <fieldset> e descrivi il gruppo con una <legend>:

<!-- Corretto: il gruppo è esplicito e denominato -->
<fieldset>
  <legend>Seleziona i tuoi frutti preferiti</legend>
  <label><input type="checkbox" name="fruit" value="apple"> Mela</label>
  <label><input type="checkbox" name="fruit" value="banana"> Banana</label>
</fieldset>

Come Silktide esegue il controllo

Trova ogni pulsante di opzione e casella di controllo in ogni pagina.
Li raggruppa in base al loro attributo name.
Per ogni gruppo di due o più elementi, segnala ogni membro che non si trova all'interno di un elemento <fieldset>.

Risoluzione dei problemi

Le mie opzioni sono raggruppate in un altro modo

Questo controllo cerca specificamente un antenato <fieldset>. I raggruppamenti espressi solo visivamente o con altro markup, come role="group", non vengono rilevati. L'approccio con fieldset è quello più ampiamente supportato; se sei certo che il tuo raggruppamento alternativo venga annunciato correttamente, puoi il risultato.