@@1unitedpower > Ja, das ist der Ist-Zustand, ich wollte darauf hinweisen dass sich das ändern könnte … Zum Beispiel stelle ich mir gerade eine Seite vor … Deine Bedenken sind, dass der Button zu sehen wäre/im *accessibility tree*{: @en} wäre und nicht das Menü auf- und zuklappen würde; dann also dessen `aria-expanded`-Attribut lügen würde. Der Fall kann aber gar nicht eintreten[^nocss], weil [^nocss]: Es sei denn, das Stylesheet wird nicht geladen/nicht interpretiert. ~~~CSS [aria-controls="main-nav-list"] { display: inline; } ~~~ (was den Button erst einblendet – sonst gilt `display: none`) und ~~~CSS #main-nav [aria-controls="main-nav-list"][aria-expanded="false"] + ul { display: none; } ~~~ (was bei dessen `aria-expanded="false"` die Navigationsliste ausblendet[^new]) im selben *media query*{: @en} stehen, also garantiert gleichzeitig wirken. [^new]: In der [neuesten Version](https://forum.selfhtml.org/self/2017/jul/21/css-kniffliges-zum-wochenende/1699757#m1699757) ist es ~~~CSS #main-nav [aria-controls="main-nav-list"][aria-expanded="false"] + ul { visibility: hidden; /* or alternatively: border: none; */ margin: 0; } #main-nav [aria-controls="main-nav-list"][aria-expanded="false"] + ul li { display: none; } ~~~ 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)

@@1unitedpower > Ja, das ist der Ist-Zustand, ich wollte darauf hinweisen dass sich das ändern könnte … Zum Beispiel stelle ich mir gerade eine Seite vor … Deine Bedenken sind, dass der Button zu sehen wäre/im *accessibility tree*{: @en} wäre und nicht das Menü auf- und zuklappen würde; dann also dessen `aria-expanded`-Attribut lügen würde. Der Fall kann aber gar nicht eintreten[^nocss], weil [^nocss]: Es sei denn, das Stylesheet wird nicht geladen/nicht interpretiert. ~~~CSS [aria-controls="main-nav-list"] { display: inline; } ~~~ (was den Button erst einblendet – sonst gilt `display: none`) und ~~~CSS #main-nav [aria-controls="main-nav-list"][aria-expanded="false"] + ul { display: none; } ~~~ (was bei dessen `aria-expanded="false"` die Navigationsliste ausblendet[^new]) im selben *media query*{: @en} stehen, also garantiert gleichzeitig wirken. [^new]: In der [neuesten Version](https://forum.selfhtml.org/self/2017/jul/21/css-kniffliges-zum-wochenende/1699757#m1699757) ist es ~~~CSS #main-nav [aria-controls="main-nav-list"][aria-expanded="false"] + ul { /* visibility: hidden; */ border: none; margin: 0; } #main-nav [aria-controls="main-nav-list"][aria-expanded="false"] + ul li { display: none; } ~~~ 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)

@@1unitedpower > Ja, das ist der Ist-Zustand, ich wollte darauf hinweisen dass sich das ändern könnte … Zum Beispiel stelle ich mir gerade eine Seite vor … Deine Bedenken sind, dass der Button zu sehen wäre/im *accessibility tree*{: @en} wäre und nicht das Menü auf- und zuklappen würde; dann also dessen `aria-expanded`-Attribut lügen würde. Der Fall kann aber gar nicht eintreten[^nocss], weil [^nocss]: Es sei denn, das Stylesheet wird nicht geladen/nicht interpretiert. ~~~CSS [aria-controls="main-nav-list"] { display: inline; } ~~~ (was den Button erst einblendet) und ~~~CSS #main-nav [aria-controls="main-nav-list"][aria-expanded="false"] + ul { display: none; } ~~~ (was bei dessen `aria-expanded="false"` die Navigationsliste ausblendet[^new]) im selben *media query*{: @en} stehen, also garantiert gleichzeitig wirken. [^new]: In der [neuesten Version](https://forum.selfhtml.org/self/2017/jul/21/css-kniffliges-zum-wochenende/1699757#m1699757) ist es ~~~CSS #main-nav [aria-controls="main-nav-list"][aria-expanded="false"] + ul { /* visibility: hidden; */ border: none; margin: 0; } #main-nav [aria-controls="main-nav-list"][aria-expanded="false"] + ul li { display: none; } ~~~ 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)