Jedes Formularfeld beschriften

Setzen Sie neben jedes Feld eine sichtbare Beschriftung und verknüpfen Sie sie direkt mit dem Eingabefeld.

Warum das wichtig ist

Ohne dauerhaft sichtbare Beschriftung wissen Menschen womöglich nicht, welche Angabe ein Feld erwartet. Platzhaltertext verschwindet, sobald sie zu tippen beginnen.

So beheben Sie es

1. 1

   Schreiben Sie eine kurze, sichtbare Beschriftung, die die gewünschte Angabe benennt.

2. 2

   Setzen Sie den for-Wert der Beschriftung gleich der id des Eingabefelds.

3. 3

   Halten Sie Hilfetexte und Fehlermeldungen von der Beschriftung getrennt.

Beispiel

<input type="email" placeholder="E-Mail-Adresse" />

<label for="email">E-Mail-Adresse</label> <input id="email" name="email" type="email" />

So prüfen Sie Ihre Korrektur

Prüfen Sie Ihre Seite noch einmal mit ibin. Das Problem verschwindet aus Ihrem Bericht, sobald alle Stellen behoben sind. Probieren Sie es danach selbst so aus, wie Ihre Besucher es tun würden.

• Prüfen Sie die Seite erneut und vergewissern Sie sich, dass das Problem nicht mehr im Bericht steht.
• Probieren Sie den korrigierten Teil selbst aus: mit der Maus, nur mit der Tastatur und vergrößert.
• Bitten Sie wenn möglich eine Person, die einen Screenreader nutzt, es ebenfalls auszuprobieren.

Auch verfügbar auf English, Nederlands, Français