Un messaggio di errore dovrebbe dire cos'è il blocco e come correggere il campo. "Input non valido" o una cornice rossa senza testo non è sufficiente, specialmente per una persona che utilizza la tastiera o uno screen reader.

dare un'istruzione relativa al campo

Scrivi "Indica un indirizzo email contenente @" anziché "Error 42". Posiziona il testo vicino al campo e associalo tecnicamente ad esso. Le Il W3C consiglia Cancella notifiche, con un ritorno globale dopo l'invio e un ritorno vicino al controllo interessato.

prevenire piuttosto che sorprendere

Specificare prima di inserire i formati e le informazioni obbligatorie: lunghezza di un identificatore, formato data o dimensione massima di un file. Non visualizzare un vincolo noto solo dopo diversi tentativi. Gli esempi dovrebbero corrispondere ai formati accettati effettivi ed evitare di richiedere dati non necessari per l'attività.

Mantieni le risposte e guida il ritorno

Dopo un errore del server o della convalida, mantieni i campi già inseriti quando possibile. Visualizza un riepilogo degli errori nella parte superiore del modulo e delle indicazioni locali. Posizionare la messa a fuoco in un luogo logico per riprendere la correzione, quindi consentire all'utente di controllare le modifiche prima di una nuova spedizione.

distinguere la correzione, il fallimento e il successo

Un campo mal riempito non è un'indisponibilità del servizio. Se la spedizione fallisce per un motivo tecnico, annunciarlo senza pretendere che la richiesta sia stata ricevuta e fornire un altro mezzo di contatto se possibile. Al contrario, una spedizione riuscita deve fornire una conferma esplicita e indicare la sequenza prevista.

Prova con errori reali

Prova un campo vuoto, un formato plausibile ma rifiutato, un file troppo pesante e una perdita di connessione. Prova sulla tastiera, sul telefono e con la tecnologia di supporto se disponibile. Le Guida al modulo di contatto Aiuta a ridurre i campi prima ancora di scrivere i propri errori.

aiutare qualcuno a riprendere l'ingresso senza perderlo

Un visitatore invia un modulo con un indirizzo non valido e un campo obbligatorio vuoto. La pagina identifica ogni problema accanto al suo campo, riassume gli errori, conserva il testo inserito e rende facile trovare la messa a fuoco. Il visitatore lo corregge e riceve una conferma esplicita.

Prova con tastiera e telefono. Un generico "errore 400" o colore da solo non spiega come recuperare.

Progetta un modulo di contatto che aiuti davvero →