FormLinter

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Ich liebe diese Idee von Thoughtbot absolut. So wie automatisierte Werkzeuge, die Ihr HTML auf Syntax, Formatierung, Gültigkeit oder was auch immer prüfen, prüft FormLinter Ihr <form> HTML auf Best Practices. Dinge wie jedes Eingabefeld mit einem Label, die Verwendung der richtigen Eingabetypen, erforderliche Felder und mehr.

Ben Orenstein:

Diese Dinge richtig zu machen, lohnt sich: Verbesserungen wie diese verbessern die Zugänglichkeit und erhöhen die Konversionsraten. Die Überprüfung solcher Dinge von Hand ist jedoch mühsam und fehleranfällig.

Wir testeten einige Formulare im alten CSS-Tricks Team-Chat, und es machte, was es versprach. Auf Geoff's persönlicher Website gab es seinem Kontaktformular eine „B“ dafür, dass es keine passenden Labels für Eingabefelder hatte und keine Felder erforderlich waren (scheint eine ziemlich hohe Note zu sein?). Das Formular wurde vom sehr beliebten „Contact Form 7“ für WordPress generiert, was auch etwas überraschend ist.

Viele der von uns getesteten Formulare haben die App jedoch vermasselt. Kein Kommentar dazu. Könnte es ein HTTPS-Problem sein?

Direkter Link →