<story><title>Accessible hamburger buttons without JavaScript</title><url>https://www.pausly.app/blog/accessible-hamburger-buttons-without-javascript</url></story><parent_chain><item><author>dwringer</author><text>This immediately made me think of Wikipedia&amp;#x27;s latest change that moves their main menu behind just such a hamburger button on desktop, and replaces it with a table of contents down the left side.&lt;p&gt;Now instead of lazily clicking from one random article to the next (or to a different language, or to &amp;quot;current events&amp;quot;, or the &amp;quot;main page&amp;quot; of headline articles), one has to move the mouse twice and make two clicks to get to it through the hamburger menu, or use the URL bar. I can&amp;#x27;t even remember the last time I went back to the ToC when reading a Wikipedia article and this change is utterly incomprehensible to me.</text></item><item><author>detritus</author><text>&amp;gt; &amp;quot;Over the last few decades hamburger buttons have become the de facto standard to expand larger menus on smaller devices. They are so ubiquitous that every user immediately knows what they are when seen in the top left or right corner, which makes them a good user interface element choice.&amp;quot;&lt;p&gt;&amp;quot;Last Few Decades&amp;quot;? Eh? A decade.. perhaps?&lt;p&gt;&amp;quot;Every User Immediately&amp;quot;? This is not at all my experience. Perhaps with younger users, but I&amp;#x27;ve seen plenty of people younger than I even stumble over sites where the nav was hidden behind a hamburger menu icon.&lt;p&gt;This sounds like it was written by someone very much in their own bubble</text></item></parent_chain><comment><author>xchkr1337</author><text>My experience with this is literally the opposite, I almost never clicked the buttons on the left side (except for the language switcher but that isn&amp;#x27;t in the hamburger menu now) but I always found long tables of contents very annoying on bigger articles, I find the new design generally more comfortable to read with. The only complaint I have is that it doesn&amp;#x27;t remember the state of the fullscreen button.</text></comment>
<story><title>Accessible hamburger buttons without JavaScript</title><url>https://www.pausly.app/blog/accessible-hamburger-buttons-without-javascript</url></story><parent_chain><item><author>dwringer</author><text>This immediately made me think of Wikipedia&amp;#x27;s latest change that moves their main menu behind just such a hamburger button on desktop, and replaces it with a table of contents down the left side.&lt;p&gt;Now instead of lazily clicking from one random article to the next (or to a different language, or to &amp;quot;current events&amp;quot;, or the &amp;quot;main page&amp;quot; of headline articles), one has to move the mouse twice and make two clicks to get to it through the hamburger menu, or use the URL bar. I can&amp;#x27;t even remember the last time I went back to the ToC when reading a Wikipedia article and this change is utterly incomprehensible to me.</text></item><item><author>detritus</author><text>&amp;gt; &amp;quot;Over the last few decades hamburger buttons have become the de facto standard to expand larger menus on smaller devices. They are so ubiquitous that every user immediately knows what they are when seen in the top left or right corner, which makes them a good user interface element choice.&amp;quot;&lt;p&gt;&amp;quot;Last Few Decades&amp;quot;? Eh? A decade.. perhaps?&lt;p&gt;&amp;quot;Every User Immediately&amp;quot;? This is not at all my experience. Perhaps with younger users, but I&amp;#x27;ve seen plenty of people younger than I even stumble over sites where the nav was hidden behind a hamburger menu icon.&lt;p&gt;This sounds like it was written by someone very much in their own bubble</text></item></parent_chain><comment><author>marginalia_nu</author><text>Yeah on desktop it&amp;#x27;s particularly bizarre design choice. Hamburger buttons are designed to conserve pixels on cramped horizontal screens. They make zero sense on a 4k ultrawide monitor.</text></comment>