<label>
<strong>Passende Fehlermeldung</strong>
Labeltext
<formelement />
</label>Das ist alles noch etwas unausgegoren, aber im Prinzip soll es so funktionieren, dass das <strong>-Element erstmal auf display:none stehen soll und das Formelement unter Umstaenden die Fehlermeldung sichtbar macht.
Kennst du den potentiellen Fehler bereits bei der Auslieferung? Die Fehlermeldung lediglich vorab zu verstecken empfinde ich als wenig elegant. Da du ohnehin per JavaScript die display-Eigenschaft änderst wäre das nachträgliche Einfügen der Meldung sinnvoller. Auf der sicheren Seite bist du nur mit serverseitiger Technik und dort hast du dann ohnehin freie Hand.
[…] es geht mir darum, was ein Screenreader davon halten wuerde. Wuerde er den Fehler auch bei display:none vorlesen oder nur dann, wenn er auch angezeigt wird.
display:none wird von vielen Screenreadern nicht vorgelesen.
http://www.access-matters.com/screen-reader-test-results/
http://css-discuss.incutio.com/?page=ScreenreaderVisibility
http://www.webaccessibility.info/lab/displaytest.html
Besser geeignet ist position:absolute; left:weit-weg;
Ausserdem wuerden mich auch andere Ideen interessieren, wie man die Fehlermeldung geschickt unterbringen kann.
Mittig. ;-)
Roland