Ein sehr verdaulicher Leitfaden von Geri Reid zum Erstellen von Formularen. Nicht der Code, sondern die Design- und UX-Prinzipien, die den Code leiten sollten.
An einem Designsystem für eine Bank zu arbeiten, hat mich viel über Formulare gelehrt. Ich habe Tests in unseren Laboren beobachtet. Ich habe mit Experten von spezialisierten Organisationen für Barrierefreiheit zusammengearbeitet. Ich habe Formulare gesehen, die von Menschen mit Behinderungen und Nutzern assistiver Technologien getestet wurden. Ich habe auch viel Forschung gelesen.
Aus all diesem Wissen habe ich meine eigenen Richtlinien für bewährte Formularpraktiken entwickelt.
Wenn es um allgemeine Formularratschläge geht, denke ich immer an eine Sache, die mit Code zu tun hat: Alle Eingabefelder benötigen eine angehängte Beschriftung.
<label for="name">Name:</label>
<input type="text" id="name" name="name">
<!-- or -->
<label>
Name:
<input type="text" name="name">
</label>Das sind Grundlagen von HTML, aber so viele Formulare versagen darin. Ich hörte einmal die Geschichte von blinden Highschool-Schülern, die kurz vor dem College standen und sich nicht für das College bewerben konnten, gerade weil sie nicht herausfinden konnten, was die Eingabefelder auf einem Formular wollten. Sie fingen an, nach dieser Erfahrung daran zu zweifeln, ob sie überhaupt ein Studium schaffen könnten.
Sie wissen, wie The Onion den Artikel „‚Keine Möglichkeit, dies zu verhindern‘, sagt die einzige Nation, in der dies regelmäßig geschieht“ buchstäblich jedes einzelne Mal veröffentlicht, wenn es eine Massenerschießung gibt? Ich glaube, jemand sollte eine Website erstellen, die einen Artikel veröffentlicht, der auf jede einzelne Website verweist, die diesen einen Test nicht besteht, mit einer Schlagzeile wie „‚Keine Möglichkeit, dies zu verhindern‘, sagt die Website, auf der die Lösung das Tippen einer Handvoll Zeichen wäre.“