Dieter Raber: Screenreader und display:none

Beitrag lesen

Hi Roland,

Kennst du den potentiellen Fehler bereits bei der Auslieferung?

Eigentlich schon, letzendich geht es ja immer um solche Sachen wie Felder sie nicht leer sie duerfen, Emailsyntax, Passwoerter, die matchen muessen etc.

Die Fehlermeldung lediglich vorab zu verstecken empfinde ich als wenig elegant.

Ich bin auch nicht gerade vor Begeisterung ueber soviel Eleganz in Traenen ausgebrochen. Die Alternative sind halt Konfigurationsbereiche, das gefaellt mir auch nicht sonderlich. Wenn ich die Elemente on-the-fly generiere, muss ich wieder ein JS-Object basteln und irgendwas fuer die Serverseite, so haette man alles in einem Aufwasch. Im Moment benutze ich ini-Dateien, die einerseits das Javascript und andererseits die PHP-Meldungen generieren. Eleganter finde ich das auch nicht unbedingt.

Auf der sicheren Seite bist du nur mit serverseitiger Technik und dort hast du dann ohnehin freie Hand.

Serverseitig ist auch nicht so das Problem, es geht mir mehr um JS.

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

Danke fuer die Links, schau ich gleich mal rein.

Besser geeignet ist position:absolute; left:weit-weg;

Da dachte ich auch schon daran, aber auch hier weiss ich nicht, was Screenreader damit anstellen.

Ausserdem wuerden mich auch andere Ideen interessieren, wie man die Fehlermeldung geschickt unterbringen kann.

Mittig. ;-)

.error {
  font: bold 16px 'Comic Sans';
  color: yellow;
  background: blue;
  text-decoration:blink;
  text-align:center;
}
Oder macht man das besser mit <font> :-) ?

Gruß,

Dieter