Unsichtbare Formularbeschriftungen
(Materialsammlung)
Die sichtbare Beschriftung eines Suchfelds kann entfallen, wenn die Bedeutung des Eingabefelds aus dem visuellen Kontext erkennbar ist. Die technische Bedeutung muss trotzdem durch entsprechende Maßnahmen vermittelt werden.
Technische Realisierung von Suchfeldern ohne sichtbarer Beschriftung
- Ein HTML
<label>Element wird mittels CSS Anweisungen vom Bildschirm verborgen. Üblicherweise wird für diese Technik eine CSS-Klassesr-only
angelegt. - Das Formularelement erhält ein
title– Attribut, das vom Screen Reader dann vorgelesen wird, wenn kein Label vorhanden ist. - Das Formularelement erhält ein
aria-label– Attribut mit der Bezeichnung des Formularelements, z.B.aria-label="Suchausdruck".
Barrierefreiheit und Nutzungsfreundlichkeit
- Es genügt jeweils eine dieser drei Varianten einzusetzen. Eine Kombination von mehreren dieser Strategien kann dazu führen, dass der Screen Reader die Bezeichnung wiederholt.
- Ein Platzhalter im Eingabefeld ist keine ausreichende Strategie, weil Screen Reader Platzhalter teilweise ignorieren.
- Unsichtbare Beschriftungen stellen für Menschen, die mit Spracheingabe arbeiten, ein Problem dar.