Jquery UI Dialog ist nicht responsive
bearbeitet von
@@Sophie
> Wenn du es selber mit HTML und CSS nachbaust:
Dann aber bitte nicht so!
> [https://codepen.io/wolf-w/pen/jbEdBW](https://codepen.io/wolf-w/pen/jbEdBW)
Nicht bedienbar.
Es ist zwar ein `<label for="menuToggle">`{:.language-html} vorhanden, aber kein dazugehöriges Eingabe-Element, denn `<input id="menuToggle" type="checkbox">`{:.language-html} wurde per `#menuToggle{ display: none }`{:.language-css} komplett entfernt.
**Merke:** Wenn Eingabe-Elemente bedienbar sein sollen, dürfen sie nicht mit `display: none`{:.bad} (oder `visibility: hidden`{:.bad}) unsichtbar gemacht werden, sondern sie dürfen nur [**visuell** unsichtbar](http://a11yproject.com/posts/how-to-hide-content/) gemacht werden.
Allerdings sollte man **nicht** den Checkbox-Hack verwenden, sondern einen Button. Wie [gesagt](https://forum.selfhtml.org/self/2017/nov/21/tooltip-selber-bauen/1708853#m1708853).
LLAP 🖖
--
“When UX doesn’t consider *all* users, shouldn’t it be known as ‘*Some* User Experience’ or... SUX? #a11y” —[Billy Gregory](https://twitter.com/thebillygregory/status/552466012713783297)