Pulsante di invio del modulo

Silktide esamina i moduli presenti nelle tue pagine e segnala quelli che hanno campi compilabili ma nessun pulsante di invio. Senza un pulsante, alcuni visitatori non hanno modo di inviare il modulo, mentre altri non possono prevedere quando verrà inviato.

Perché è importante

Un pulsante di invio visibile comunica ai visitatori due cose: come inviare il modulo e che non succede nulla finché non scelgono di farlo. Alcune persone che utilizzano possono inviare un modulo solo attivando un pulsante: premere Invio in un campo non è possibile per tutti. Inoltre, un modulo senza pulsante spesso viene inviato automaticamente mentre il visitatore digita o modifica una selezione, causando un cambiamento di contesto imprevisto che può disorientare gli utenti di e le persone con disabilità cognitive, che si ritrovano improvvisamente su una pagina diversa nel bel mezzo di un'attività.

Questo è il criterio di successo 3.2.2 delle (All'input), un requisito di , parte del livello di conformità più basilare.

Come risolvere il problema

Aggiungi un pulsante di invio a ogni modulo segnalato, contrassegnandolo esplicitamente con type="submit":

<!-- Problema: non c'è modo di inviare il modulo deliberatamente -->
<form action="/search">
  <input type="text" name="q">
</form>

<!-- Soluzione: un pulsante di invio esplicito -->
<form action="/search">
  <input type="text" name="q">
  <button type="submit">Cerca</button>
</form>

Se il modulo non deve effettivamente essere inviato da nessuna parte, ad esempio perché si tratta di un filtro che aggiorna i risultati in tempo reale e ne comunica il comportamento, puoi il risultato o escludere l'elemento dai controlli.

Come esegue i controlli Silktide

Trova ogni elemento <form> nella pagina, ignorando quelli che hai escluso dai controlli.
Ignora i moduli senza campi utilizzabili: moduli che, al caricamento della pagina, non contengono input, aree di testo, menu a discesa o pulsanti visibili. In questo modo vengono ignorati i moduli di tracciamento e i moduli invisibili che racchiudono la pagina e che alcune piattaforme generano, evitando falsi positivi.
Segnala ogni modulo rimanente che non contiene alcun elemento con type="submit".

Risoluzione dei problemi

Il mio modulo ha un pulsante, ma è stato comunque segnalato

Silktide cerca un type="submit" esplicito. Un elemento <button> senza un attributo type invia il modulo nella maggior parte dei browser, ma non viene riconosciuto da questo controllo; aggiungere type="submit" è comunque una buona pratica, perché rende inequivocabile il comportamento del pulsante. I pulsanti con type="button" non inviano mai il modulo.

Il modulo viene visualizzato dopo un'interazione

I campi vengono valutati al primo caricamento della pagina. Un modulo inizialmente nascosto e visualizzato in seguito, ad esempio all'interno di un menu a comparsa, potrebbe non essere sottoposto al controllo. Pertanto, il superamento di questo controllo non garantisce che ogni modulo della pagina abbia un pulsante.