Gunnar Bittersmann: jQuery code zeigt manchmal verschiedene Große in Chrome

Beitrag lesen

@@Rolf B

https://jsfiddle.net/Rolf_b/agoy7kfs/1/

  • Einblenden und Ausblenden des Popup erfolgt rein mit CSS

Das kann nicht funktionieren. Tut es auch nicht. Das modale Fenster ist initial nicht ausgeblendet – jedenfalls nicht richtig. Es ist nicht zu sehen, aber im Screenreader zu hören. Und die interaktiven Elemente sind mit der Tab-Taste fokussierbar, obwohl sie nicht sichtbar sind. Man weiß nicht, wo man sich befindet. Unbedienbar, das Zeugs.

Zum Ein- und Ausblenden genügt es nicht, CSS-Eigenschaften (andere als display und visibility) zu ändern. Man muss JavaScript dafür sorgen, dass das Element für alle Nutzer ausgeblendet wird: Setzen der hidden-Eigenschaft. (display: none und visibility: hidden blenden auch aus; siehe Codepen.)

🖖 Stay hard! Stay hungry! Stay alive! Stay home!

--
Home Office ist so frustierend, weil man jetzt noch viel stärker bemerkt mit wievielen Menschen man zu tun hat, die nicht sinnerfassend lesen können. (@Grantscheam)