Attribut disabled et fieldset

L’attribut booléen disabled sur un élément <fieldset> désactive tous les contrôles de formulaire présents à l’intérieur à l’exception de ceux présents dans l’élément <legend>.

Voir la documentation mdn sur l’élément <fieldset>.

Ça m’a surprise d’apprendre qu’il est possible de mettre des contrôles de formulaire dans un élément <legend> !

Curieuse de voir les cas d’usage où ça peut être utile 🤔.

Cas d’usage : contrôle de formulaire dans un élément <legend>

Mise à jour — 20 décembre 2023.

Julie et David m'ont signalé que la spécification HTML donne un cas d'usage (deuxième exemple). Je l'ai adapté ici.

Carte fidélité

Numéro de carte :

Date d’expiration :

Tests de restitution

Ce cas d'usage n’est toutefois pas compatible avec certaines combinaisons lecteurs d’écran / navigateurs.

Sur Firefox avec NVDA ou JAWS, les champs sont toujours restitués comme étant désactivés. Le retrait de l’attribut disabled sur la balise <fieldset> n’est pas pris en compte.

Sur Chrome ou Edge (Chromium) avec JAWS, il n'est pas possible d’atteindre la case à cocher présente dans la légende.

Les tests effectués sur VoiceOver macOS/iOS et Safari, NVDA et Chrome ou Edge (Chromium), TalkBack et Chrome sont eux concluants.

Contact

Vous souhaitez réagir ? N’hésitez pas à m’écrire à contact@luce.carevic.eu.