Bouton de soumission du formulaire

Silktide examine les formulaires de vos pages et signale ceux qui contiennent des champs remplissables mais aucun bouton de soumission. Sans ce bouton, certaines personnes n’ont aucun moyen d’envoyer le formulaire, et d’autres ne peuvent pas prévoir quand il s’exécutera.

Pourquoi c’est important

Un bouton de soumission visible indique deux choses aux visiteurs : comment envoyer le formulaire et que rien ne se produit tant qu’ils ne choisissent pas de le faire. Certaines personnes utilisant des ne peuvent soumettre un formulaire qu’en activant un bouton — appuyer sur Entrée dans un champ n’est pas possible pour tout le monde. Et un formulaire sans bouton se soumet souvent automatiquement au fur et à mesure que la personne tape ou change une sélection, ce qui constitue un changement de contexte inattendu pouvant désorienter les utilisateurs de et les personnes ayant des déficiences cognitives, qui se retrouvent soudainement sur une autre page en plein milieu d’une tâche.

Il s’agit du critère de succès 3.2.2 (À la saisie) des , une exigence de — faisant partie du niveau de conformité le plus élémentaire.

Comment corriger

Ajoutez un bouton de soumission à chaque formulaire signalé, explicitement marqué avec type=\"submit\" :

<!-- Problème : aucune façon de soumettre délibérément -->
<form action="\/search">
  <input type="text" name="q">
</form>

<!-- Correctif : un bouton de soumission explicite -->
<form action="\/search">
  <input type="text" name="q">
  <button type="submit">Rechercher</button>
</form>

Si le formulaire ne doit réellement être soumis nulle part — par exemple, un filtre qui met à jour les résultats en direct et annonce son comportement — vous pouvez la constatation ou exclure l’élément de la vérification.

Comment Silktide effectue ce test

Repère chaque élément <form> sur la page, en ignorant ceux que vous avez exclus de la vérification.
Ignore les formulaires sans champs utilisables — formulaires ne contenant aucun champ de saisie, zone de texte, liste déroulante ou bouton visibles au chargement de la page. Cela permet d’écarter les formulaires de suivi et les formulaires invisibles englobant la page que certaines plateformes génèrent, qui seraient autrement des faux positifs.
Signale chaque formulaire restant qui ne contient aucun élément avec type=\"submit\".

Dépannage

Mon formulaire a un bouton mais a quand même été signalé

Silktide recherche un type=\"submit\" explicite. Un <button> sans attribut type soumet effectivement le formulaire dans la plupart des navigateurs, mais il n’est pas reconnu par cette vérification — et ajouter type=\"submit\" est de toute façon une bonne pratique, puisqu’elle rend le comportement du bouton sans ambiguïté. Les boutons avec type=\"button\" ne soumettent jamais.

Le formulaire est révélé par une interaction

Les champs sont évalués au premier chargement de la page. Un formulaire qui est initialement masqué et révélé plus tard, par exemple dans un menu contextuel, peut ne pas être testé; un succès ici ne garantit donc pas que chaque formulaire sur la page possède un bouton.