Hilfe bei JavaScript

[Matthias Apsel]

Hallo Gunnar Bittersmann,

Die Beschriftung kannst du visuell verstecken

Wobei ich das als Hilfestellung problematisch finde:

.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