Hilfe bei JavaScript

[Matthias Apsel]

Hallo Gunnar Bittersmann,

• die vielen importants sollten nicht notwendig sein

Doch, sind sie.

Beispiel: <foo class="bar visually-hidden"> mit foo.bar { position: relative } Die Regel für einen spezifischeren Selektor soll ja überschrieben werden.

Vermutlich wurde !important bei clip und overflow vergessen.

Nun ja, wir wollen ja kein weltweit gültiges Stylesheet schreiben, aber ok. 😉

• display: none; versteckt auch vor Screenreadern

Soll auch. “The idea is to rely on the pseudo-class :hover to remove all focusable elements in the hidden container from the tabbing sequence.” (unter Tabbing Navigation)

• warum muss ein übergeordnetes Element (welches?) visuell versteckt werden?

Was meinst du damit?

Der Selektor heißt (verkürzt) .visually-hidden button. Warum sollte ich, wenn ich einen Button verstecken möchte, diesen in ein Element packen, das visuell versteckt ist?

Bis demnächst
Matthias