Label zum Suchschlitz hinzufügen (Screenreader-Kompatibilität)

[vgerlach]

Label und title gesetzt; #1219

[j3nsch]

Das funktioniert so nicht. Wir prüfen die Seite auf valides XHTML, DIV- und INPUT-Element können kein Label-Attribut haben, auch wenn die Browser das tolerieren. In der Fehlermeldung von WAVE geht es um ein Label-Element, das sichtbar sein muss. Das wäre z.B. ein "Suche"-Text vor oder über dem Suchfeld.

Wir könnten auch mit ARIA-Attributen experimentieren, z.B. aria-label anstelle von label.

[j3nsch]

@stconradr Überlegt Euch mal was hier eine bessere Lösung sein könnte. Die Title-Attribute sind erlaubt, aber hier ist die Frage, ob es sinnvoll ist das ans DIV- und ans INPUT-Element zu hängen. Die Schlüssel search_title und search_symbol_title gibt es nicht. Die ARIA-Attribute können momentan auch nicht validiert werden, aber ich kann dafür sorgen, dass sie ignoriert werden. Die Verwendung eines Label-Elements verändert das Aussehen des Suchschlitzes, wäre aber valides XHTML.

[j3nsch]

FYI @alw-bsz

[stconradr]

Danke für die Info, dann überlegen wir nochmal. Ich persönlich finde die Lösung beim Google-Suchschlitz elegant. Dort ist das Label im Suchschlitz, es wird ein aria-label verwendet.