4.10 Wie aus Formularen digitale Passierscheine werden

4.10.1 Bestandteile eines Formulars

Fußnoten:

  1. Using label elements to associate text labels with form controls – W3C
  2. The Accessibility of Placeholders in Form Fields – YouTube
  3. Verify that input fields have labels – Microsoft Edge DevTools
  4. The Placeholder Attribute Is Not a Label – Smashing Magazine
  5. Placeholder Research – W3C
  6. Placeholders in Form Fields Are Harmful – Nielsen Norman Group
  7. Inclusively Hiding & Styling Checkboxes and Radio Buttons – Sara Soueidan
  8. Under-Engineered Select Menus – Adrian Roselli
  9. Styling von Webformularen – MDN Web Docs
  10. Fortgeschrittenes Formular-Styling: appearance Kontrolle über OS-Level-Styling – MDN Web Docs
  11. Short Note on the Accessibility of Styled Form Controls – TPGi
  12. Custom Controls – W3C Web Accessibility Initiative

4.10.2 Hilfe beim Ausfüllen: Autovervollständigung

Fußnoten:

  1. Robustness Principle – RFC 761, Section 2.10. Mehr Informationen zu den UX-Gesetzen finden Sie im Buch “Laws of UX” von Jon Yablonki
  2. Under-Engineered Comboboxen? – Adrian Roselli
  3. Die ARIA-Combobox – tollwerk
  4. Combobox Component – Deque Cauldron React
  5. Combobox Pattern – WAI-ARIA Authoring Practices Guide
  6. Build a Better Mobile Input

4.10.3 Validierung – Umgang mit Formatierung und Pflichtfeldern

Fußnoten:

  1. A Guide To Accessible Form Validation – Smashing Magazine
  2. Indicating required form controls using label or legend – W3C
  3. A Complete Guide To Live Validation UX – Smashing Magazine
  4. Progressively Enhanced Form Validation, Part 1: HTML and CSS – Cloud Four
  5. Angular und Vue (Vuetify, VeeValidate) fügen novalidate automatisch zu Formularen hinzu und bieten eigene Validatoren an. In React (Formik, React Hook Form) können Sie es selbst tun.

4.10.4 Barrierefreie Fehlermeldungen und Hilfestellung bei Fehlern

Fußnoten:

  1. A Guide To Accessible Form Validation – Smashing Magazine
  2. Exposing Field Errors – Adrian Roselli
  3. Error summary – GOV.UK Design System
  4. Making Disabled Buttons More Inclusive – CSS-Tricks
  5. Usability Pitfalls of Disabled Buttons, and How To Avoid Them – Smashing Magazine

4.10.5 Wer suchet, der findet: Suchfunktionalität

Fußnoten:

  1. Je nachdem, wie alt die Browserversionen sind, die Sie unterstützen, kann es sein, dass einige davon noch nicht mit dem relativ neuen Element umgehen können.
  2. Custom Clear Buttons – Scott O'Hara
  3. <input type="search"> – MDN Web Docs
  4. Considering Dynamic Search Results and Content – Scott O'Hara
  5. Accessibility Support – a11ysupport.io
  6. Barrierefreie-Informationstechnik-Verordnung (BITV 2.0) – Portal Barrierefreiheit
  7. Formular – Barrierefreie Gestaltung von User Interface-Elementen
Zurück zur Übersicht