Hallo Gunnar Bittersmann, > Die Beschriftung kannst du [visuell verstecken](http://a11yproject.com/posts/how-to-hide-content/) Wobei ich das als Hilfestellung problematisch finde: ~~~CSS .visually-hidden { /*https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html*/ position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding:0 !important; border:0 !important; height: 1px !important; width: 1px !important; overflow: hidden; } body:hover .visually-hidden a, body:hover .visually-hidden input, body:hover .visually-hidden button { display: none !important; } ~~~ * die vielen importants sollten nicht notwendig sein * `display: none;` versteckt auch vor Screenreadern * warum muss ein übergeordnetes Element (welches?) visuell versteckt werden? * `body` kann auch deutlich kleiner als der Viewport werden. Ich muss gestehen, dass ich den Sinn so nicht verstehe. Bis demnächst Matthias -- Rosen sind rot.

Hallo Gunnar Bittersmann, > Die Beschriftung kannst du [visuell verstecken](http://a11yproject.com/posts/how-to-hide-content/) Wobei ich das als Hilfestellung problematisch finde: ~~~CSS .visually-hidden { /*https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html*/ position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding:0 !important; border:0 !important; height: 1px !important; width: 1px !important; overflow: hidden; } body:hover .visually-hidden a, body:hover .visually-hidden input, body:hover .visually-hidden button { display: none !important; } ~~~ * die vielen importants sollten nicht notwendig sein * `display: none;` versteckt auch vor Screenreadern * warum muss ein Elternelement (welches) visuell versteckt werden? * `body` kann auch deutlich kleiner als der Viewport werden. Ich muss gestehen, dass ich den Sinn so nicht verstehe. Bis demnächst Matthias -- Rosen sind rot.