Regroupement avec fieldset

Silktide vérifie que les groupes de boutons radio ou de cases à cocher apparentés sont englobés dans un fieldset. Le fieldset indique aux que les options vont ensemble et forment une seule question.

Dans , les boutons radio et les cases à cocher qui partagent le même attribut name fonctionnent comme un seul groupe — choisissez votre taille, sélectionnez vos garnitures. Visuellement, le regroupement est évident car les options sont réunies ; dans le code, seul un <fieldset> le rend explicite.

<!-- Problème : options liées sans aucun regroupement -->
<label><input type="checkbox" name="fruit" value="apple"> Pomme</label>
<label><input type="checkbox" name="fruit" value="banana"> Banane</label>

Pourquoi c’est important

Un annonce chaque option au moment où elle est atteinte. Sans groupe, l’utilisateur entend « Pomme, case à cocher » et « Banane, case à cocher » sans indication de la question à laquelle elles répondent — le texte de la question a peut‑être été lu bien plus tôt, ou n’a jamais été associé. Placées dans un fieldset avec une légende, chaque option est annoncée dans son contexte, de sorte que l’utilisateur sait toujours ce qu’il choisit.

Comment corriger

Encadrez chaque ensemble d’options liées dans un <fieldset> et décrivez le groupe à l’aide d’une <legend> :

<!-- Correction : le groupe est explicite et nommé -->
<fieldset>
  <legend>Sélectionnez vos fruits préférés</legend>
  <label><input type="checkbox" name="fruit" value="apple"> Pomme</label>
  <label><input type="checkbox" name="fruit" value="banana"> Banane</label>
</fieldset>

Comment Silktide teste ceci

Rechercher tous les boutons radio et les cases à cocher sur chaque page.
Les regrouper par leur attribut name.
Pour chaque groupe de deux éléments ou plus, signaler tout membre qui n’est pas à l’intérieur d’un élément <fieldset>.

Dépannage

Mes options sont regroupées d’une autre manière

Ce contrôle recherche spécifiquement un ancêtre <fieldset>. Les regroupements exprimés uniquement visuellement, ou avec un autre balisage tel que role="group", ne sont pas détectés. L’approche avec fieldset est la plus largement prise en charge ; si vous êtes certain que votre regroupement alternatif est correctement annoncé, vous pouvez le constat.