Fieldset - Groupe de champs

Composants permettant de regrouper visuellement et fonctionnellement plusieurs champs liés

Rôle et attributs ARIA

Rôles et attributs ARIA générés par défaut

  • Élément principal : <fieldset> avec role=”group”
  • Attributs ARIA utilisés (élément interactif) :
    • aria-labelledby pointant vers le bloc de titre (titre + sous-titre)

 

Attributs de l’élément ayant un impact sur l’accessibilité

Attribut

Impact

legend-title

⚠️ Obligatoire (ou son équivalent slot=”legend-title”)

Donne un nom accessible au groupe.

legend-subtitle

Ajoute des détails au bloc de titre.

disabled

Ajoute un attribut disabled à tous les enfants du slot par défaut.

 

Bonnes pratiques et pièges à éviter

 

Référence