Bonjour,

je m'adresse aux amateurs de sémantiques : doit-on continuer à utiliser le binôme <fieldset> / <legend> dans nos formulaires si ceux-ci me ( nous ? )  cause des difficultés dans l'utilisation des nouveaux outils de placement que sont display: grid ou flex

voir pour grid :  https://codepen.io/davatron5000/pen/LLdYBm

je ne l'utilise pas pour son rendu particulier ( hors css ) mais pour son caractère structurant ( et autre... )

ma question : continuez-vous à utiliser ce couple <fieldset>/<legend> ou utilisez-vous plutôt la technologie aria

voir https://www.w3.org/WAI/tutorials/forms/grouping/

Merci, David

Hello,

Cela n'engage que moi et je ne dis pas être dans vérité  

Donc perso je ne m'en sert jamais, par contre ça peut-être utile pour un multi-formulaires de type administratif par exemple.

Donc pour moi oui: flex, css grid, dispaly: table ou voir inline-block.

Mais bon un <fieldset> pourquoi pas, faudrait prendre le temps de voir ce que dit la doc w3c sur ce point.

-
Edité par Lucky13 17 novembre 2018 à 11:45:05

Re,

Ma question n'est pas dans l'utilisation ou pas des balises <fielset>/<legend> :

par exemple, https://www.accede-web.com/notices/html-css-javascript/7-formulaires/7-7-champs-meme-nature-fieldset-legend/

Je sais que la solution est de mettre une balises neutre fille de <fieldset> ( soeur de <legend> ) et d'y appliquer le css MAIS ma question est plutôt dans mon étonnement à ce que l'on considère le support complet ( 100% ) des technologies grid/flex pour certains navigateurs ( dernières versions ) alors que leur support y est selon moi complètement à l'ouest ( défaillant ) pour <fieldset>

cf exemple avec flex ou le comportement est différent entre chrome/ium et firefox : https://codepen.io/anon/pen/MaYBoX

Après, je m'intéresse aux technologies sémantiques ARIA mais c'était plus une digression ( un hors-sujet, désolé )

David

Salut,

je continue d'utiliser fieldset et legend parce que c'est sémantique et un + pour l’accessibilité et je me passe très bien de grid et surtout de flex si ça me pose des problèmes.

Ce problème était présent dans FF avec fieldset, summary et button et il a été corrigé (dans la version 52 il me semble).
Souhaitons qu'il soit corrigé rapidement dans Chrome et Safari...