Formulaire... table or not table ?

Tout est dans le titre ou presque.

On dit souvent que les tables ne doivent plus être utilisés pour la mise en page, je suis tout à fait d'accord avec ça. Mais pour les formulaires il me semble personnellement plus logique d'utiliser des éléments table (avec par ex un <th> pour les label et <td> pour les input) que des div positionnés...

qu'en pense les spécialistes de l'accessibilité ?

Pourquoi utiliser des <table> pour les formulaires ? Et pourquoi utiliser les <div> pour les formulaires ? Les <label> s'en sortent très bien tout seul. Si tu veux les positionner d'une certaine façon, c'est avec du CSS (float par exemple) et non des <table>. Après tout, le CSS est là pour ça.

Sol a écrit :
pour les formulaires il me semble personnellement plus logique d'utiliser des éléments table

Plus logique, je ne pense pas, non. Il ne s'agit pas de données tabulaires au sens strict du terme.
Ceci dit, la mise en forme d'un formulaire est l'un des cas les plus adapté à l'utilisation d'un tableau de mise en forme qui ne pose de surcroît aucun problème d'accessibilité si la linéarsation de ce dernier est cohérente.

Gaylord.P a écrit :
Pourquoi utiliser des <table> pour les formulaires ? Et pourquoi utiliser les <div> pour les formulaires ? Les <label> s'en sortent très bien tout seul.

Pas vraiment. Un label ne peut être inclu immédiament dans form en html strict.

Bonjour,

Comme déjà dit, les éléments structurant un formulaire sont surtout les éléments label (on utilisera des labels explicites, avec attribut for qui va bien), mais aussi fieldset et legend si besoin.

Il y a aussi la question des éléments de type en-ligne interdits dans form directement en Strict. Je ne sais pas si c'est une pratique recommandée, mais pour les formulaires simples on pourra utiliser un fieldset unique (sans legend). Ou bien une div, ou une série de paragraphes. Ça n'est pas très important il me semble.

Le reste est essentiellement une question de mise en forme. Les tableaux sont plutôt efficaces pour la mise en page des formulaires, effectivement. Et ne posent pas de problème d'accessibilité s'ils se linéarisent correctement.
On peut aussi faire sans, bien entendu (exemple), même si ici un tableau de mise en forme (ou plusieurs) peut (peuvent) faire gagner du temps.

Merci pour vos réponses.

Florent V. a écrit :
Les tableaux sont plutôt efficaces pour la mise en page des formulaires, effectivement. Et ne posent pas de problème d'accessibilité s'ils se linéarisent correctement.

Tu pourrais développer ? Ca m'interesse.

J'ai un peu de mal à voir qu'est-ce qui pourrait rendre un table accessible ou non.

Sol a écrit :
Tu pourrais développer ? Ca m'interesse.

La lecture linéaire d'un tableau se fait ligne par ligne, puis cellule par cellule, c'est-à-dire dans l'ordre du code HTML.

Ceci est accessible:

<tr>
	<td><h2>Titre pour le contenu A</h2></td>
	<td><p>Contenu A</p></td>
</tr>
<tr>
	<td><h2>Titre pour le contenu B</h2></td>
	<td><p>Contenu B</p></td>
</tr>

Ceci ne l'est pas:

<tr>
	<td><h2>Titre pour le contenu A</h2></td>
	<td><h2>Titre pour le contenu B</h2></td>
</tr>
<tr>
	<td><p>Contenu A</p></td>
	<td><p>Contenu B</p></td>
</tr>

Et si on veut mettre les titres au dessus des contenus (et pas à gauche) et rester accessible, on peut faire:

<tr>
	<td>
		<h2>Titre pour le contenu A</h2>
		<p>Contenu A</p>
	</td>
	<td>
		<h2>Titre pour le contenu B</h2>
		<p>Contenu B</p>
	</td>
</tr>

Florent V. a écrit :
Les tableaux sont plutôt efficaces pour la mise en page des formulaires, effectivement.

je ne voudrais pas jeter le trouble, mais si, quand même: les formulaires (sexy) sont un des domaines où l'usage des tableaux de présentation (par ailleurs tout à fait nécessaires en effet dans diverses situations) est le moins souvent nécessaire.

sorry

Laurent Denis a écrit :
je ne voudrais pas jeter le trouble, mais si, quand même: les formulaires (sexy) sont un des domaines où l'usage des tableaux de présentation (par ailleurs tout à fait nécessaires en effet dans diverses situations) est le moins souvent nécessaire.

Certes, mais je ne me rappelle pas avoir écrit «nécessaires».

Le mot "efficace" est dangereux. Les formulaires sont, à la base, des interfaces difficiles à gérer en terme d'accssibilité. Il est inutile d'y ajouter une couche structurelle de plus. ça passera sur des formulaires simples. ça cassera dès qu'ils deviennent plus complexes.

La plus grande difficulté est actuellement de déterminer à partir de quel point un formulaire devient complexe en termes d'accessibilité
Modifié par Laurent Denis (10 Jan 2008 - 18:28)