CSS-Kniffliges zum Wochenende

[Gunnar Bittersmann]

@@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 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^[1], weil

	[aria-controls="main-nav-list"]
	{
		display: inline;
	}

(was den Button erst einblendet – sonst gilt display: none) und

	#main-nav [aria-controls="main-nav-list"][aria-expanded="false"] + ul
	{
		display: none;
	}

(was bei dessen aria-expanded="false" die Navigationsliste ausblendet^[2]) im selben media query stehen, also garantiert gleichzeitig wirken.

LLAP 🖖

---

1. Es sei denn, das Stylesheet wird nicht geladen/nicht interpretiert. ↩︎

2. In der neuesten Version ist es

     #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;
     }
   

   ↩︎