1.3.1 Formulare – Info und Beziehungen

Diese Richtlinie legt den Fokus auf die Bereitstellung klarer und verständlicher Informationen in Formularen. Es ist wichtig, dass alle Formularfelder deutlich und eindeutig beschriftet sind, um den Benutzern zu zeigen, welche Informationen erwartet werden. Darüber hinaus sollten Fehlerhinweise präzise und verständlich sein, um den Benutzern bei der Fehlerbehebung zu helfen. Eine logische Strukturierung des Formulars mit klaren Beziehungen zwischen den Feldern verbessert ebenfalls die Benutzerfreundlichkeit.

Warum sind ausreichende Informationen und klare Beziehungen in Formularen wichtig?

Barrierefreiheit

Menschen mit kognitiven Beeinträchtigungen oder Lernschwierigkeiten profitieren von gut strukturierten und verständlichen Formularen.

Benutzerführung

Gut strukturierte Formulare ermöglichen es allen Benutzern, den Ablauf des Formulars besser zu verstehen und sich zu orientieren.

Effektive Eingabe

Das Verständnis der Beziehungen zwischen Formularfeldern ermöglicht eine effektive und genaue Eingabe.

Vermeidung von Fehlern

Klare Informationen und Beziehungen minimieren die Wahrscheinlichkeit von Fehlern bei der Dateneingabe.

Vorteile für alle Benutzer

Darüber hinaus ermöglichen sie allen Benutzern, den Ablauf des Formulars besser zu verfolgen und Fehler bei der Dateneingabe zu minimieren.

Wie können ausreichende Informationen und klare Beziehungen in Formularen umgesetzt werden?

Für ausreichende Informationen und klare Beziehungen in Formularen können folgende Massnahmen ergriffen werden:

• Verwendung gut sichtbarer Überschriften, Untertitel und Absatztexte.
• Logische Anordnung und Gruppierung der Formularfelder.
• Einsatz bedingter Logik und kontextbezogener Hilfetexte.

Technische Umsetzung

Um ausreichende Informationen und klare Beziehungen in Formularen umzusetzen, sind die folgenden technischen Aspekte wichtig:

• Verwendung von Überschriften und Untertiteln: Durch die Verwendung von <h1> bis <h6>-Elementen können Formulare in logische Abschnitte unterteilt und visuell oder über Bildschirmleser strukturiert dargestellt werden.
• Einsatz von aria-describedby-Attributen: Das aria-describedby-Attribut ermöglicht die Verknüpfung von Formularfeldern mit zusätzlichen Beschreibungen oder Erklärungen, um Informationen bereitzustellen, die über das Label hinausgehen.
• Verwendung von bedingter Logik: Durch die Implementierung von bedingter Logik können Formularfelder und Hilfetexte basierend auf Benutzeraktionen dynamisch angezeigt oder ausgeblendet werden.
• Logische Anordnung der Formularfelder: Formularfelder sollten logisch angeordnet und gruppiert werden, um den Zusammenhang und die Beziehungen zwischen ihnen zu verdeutlichen.

Der Anwendungsfall: Gruppen mit ähnlichen Eingabefeldern zu unterscheiden, um z.B. zwischen Liefer- und Rechnungsadresse unterscheiden zu können.

InDesign/Word/PDF

Um klare Informationen und Beziehungen in InDesign, Word und ausfüllbaren PDFs zu gewährleisten, beachte bitte folgende Punkte:

InDesign/Word

• Verwende aussagekräftige Beschriftungen für Formularfelder.
• Füge Textboxen oder Textfelder für zusätzliche Informationen oder Anweisungen hinzu.
• Stelle sicher, dass die Lesereihenfolge der Formularfelder logisch ist.
• Nutze das «Objekt» oder «Info» Panel, um zusätzliche Informationen oder Anweisungen bereitzustellen.
• Verlinke relevante Formularfelder mithilfe von interaktiven Verknüpfungen.

Ausfüllbare PDFs

• Füge benutzerfreundliche und gut lesbare Beschriftungen für Formularfelder hinzu.
• Nutze Tooltips, um zusätzliche Informationen und Erklärungen bereitzustellen.
• Stelle sicher, dass die Lesereihenfolge und die Tab-Reihenfolge der Formularfelder logisch sind.
• Verlinke relevante Formularfelder mithilfe von verknüpften Aktionen.