Formularanweisungen

Silktide findet Formularfelder, die möglicherweise eine Erklärung benötigen, etwa Freitextfelder, und bittet Sie zu entscheiden, ob für jedes Feld Anweisungen erforderlich sind, die beschreiben, was eingegeben werden soll. Felder, die Anweisungen benötigen, sollten im Code mit diesen verknüpft sein, nicht nur in ihrer Nähe platziert werden.

Warum das wichtig ist

Ein Label allein reicht oft nicht aus. „Datum“ sagt nichts über das erwartete Format aus, das je nach Land unterschiedlich ist; „Referenz“ verrät nicht, welche Ihrer drei Referenznummern gemeint ist. Besucher, die falsch raten, erhalten einen Fehler – oder schlimmer noch: Ihre Übermittlung wird mit fehlerhaften Daten akzeptiert.

Es ist genauso wichtig, die Anweisung im Code zu verknüpfen, wie sie zu schreiben: Ein Hinweis, der sich lediglich optisch in der Nähe des Felds befindet, ist für einen auf die Eingabe fokussierten Benutzer eines nicht wahrnehmbar.

So beheben Sie das Problem

Entscheiden Sie für jedes markierte Feld, ob ein Besucher unsicher sein könnte, was er eingeben soll. Falls ja:

Fügen Sie eine Beschreibung hinzu und verknüpfen Sie sie mit dem Feld über das Attribut aria-describedby:

<!-- Der Hinweis wird ausgegeben, wenn das Feld den Fokus erhält -->
<label for="date">Datum</label>
<input type="text" id="date" aria-describedby="date-hint">
<p id="date-hint">Format: Tag/Monat/Jahr, z. B. 28/07/2026</p>

Oder verwenden Sie stattdessen einen speziell dafür vorgesehenen -Feldtyp. <input type="date"> bietet Besuchern eine Datumsauswahl in ihrem eigenen Gebietsschema, sodass keine Erklärung nötig ist – bevorzugen Sie dies, wenn ein geeigneter Typ vorhanden ist.

Wenn das Feld selbsterklärend ist – ein „Suche“-Feld oder ein „Nachricht“-Feld in einem Kontaktformular –, sind keine Anweisungen erforderlich; Sie den Befund.

So testet Silktide dies

Suchen Sie nach Formularsteuerelementen, bei denen Anweisungen wahrscheinlich hilfreich sind: <textarea>-Elemente und <input>-Felder vom Typ text, email, file, number, password oder range. Schaltflächen, Kontrollkästchen, Optionsfelder und Auswahllisten werden übersprungen, da für diese normalerweise ein Label ausreicht.
Überspringen Sie Felder, die für sehende Benutzer nicht sichtbar sind, sowie Felder, die von bekannten Widgets von Drittanbietern eingefügt werden, etwa die ausgeblendeten Formulare, die Tracking- und Übersetzungsskripte für ihre eigenen Zwecke hinzufügen.
Überspringen Sie Felder, denen bereits eine Beschreibung zugeordnet ist – ein aria-describedby, das auf tatsächlichen, nicht leeren Text verweist, oder ein nicht leeres aria-description-Attribut.
Markieren Sie jedes verbleibende Feld zur Überprüfung: Ein Mensch entscheidet, ob es tatsächlich Anweisungen benötigt.

Fehlerbehebung

Mein Feld hat direkt darunter einen Hinweis

Sichtbare Nähe ist keine Verknüpfung. Sofern der Hinweis nicht über aria-describedby (oder aria-description) mit dem Feld verbunden ist, wird er von nicht ausgegeben, und Silktide markiert das Feld. Das Hinzufügen des Attributs löst beides.