Critère 11.5 – Les informations de même nature sont groupées ensemble dans le formulaire

This post is also available in: English (Anglais)

Grouper les éléments de même « famille » dans le formulaire avec <fieldset> + <legend>

Radio inputs avec des attributs de même nature et valeur doivents faire partie d’un même groupe grâce à :

  • fieldset et legend
  • ARIA groups role= »group » ou role= »radiogroup » et aria-label ou aria-labelledby
  • aria-labelledby qui pointe vers le même élément pour chaque radio button du groupe

Les éléments du même fieldset forment visuellement un groupe en les designant en une box qui peut être modifiée en CSS.

Il est recommandé de regrouper un petit nombre d’éléments dans un fieldset. Pour un grand nombre, préférer un heading.

Il est conseillé de ne pas imbriquer les fieldset.

L’élément legend sert de titre au groupe et peut être redessiné grâce au CSS.

Pourquoi est-ce important ?

La synthèse vocale va annoncer qu’il s’agit d’un groupe d’éléments réduisant ainsi l’ambiguité relative au lien qui existe entre les différents éléments et les risques d’erreur ou d’oubli.