Live data from Hacker News

Accessible hamburger buttons without JavaScript

pausly.app

21–30 of 154 posts

Re: Accessible hamburger buttons without JavaScript

#21

Anchor elements aren't buttons! Stop using them as buttons!! Anchors navigate. Buttons have effects.

That’s why the anchor gets the role=“button”. Unfortunately you can’t set the target of the page with a button (without JavaScript), that’s why an anchor link is used.

Re: Accessible hamburger buttons without JavaScript

#23
Proof that accessibility and usability are entirely orthogonal.

For screen reader users only, this provides them with the information that activating this link will open or close a menu.

Screen reader users do not need to open or close menus. Menus do not take up space or sit in front of other content. Closing a menu offers no usability benefit to a screen reader user.

All they need is the options to be present under a navigable heading that they can skip to when they need to access those options.

Meanwhile, non screen reader users are forced to guess what will be behind the ≡ button this time.

Re: Accessible hamburger buttons without JavaScript

#24

> "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." "Last Few Decades"? Eh? A decade.. perhaps? "Every User Immediately"? This is not at all my experience. Perhaps with younger u…

"Every User Immediately"? This is not at all my experience. Perhaps with younger users

I agree.

I put a hamburger menu in an in-house tool I built last year. Everyone in that department is between 22 and 30, with one guy over 50. I always stand with the users when my new products are deployed, so I was in the room when nobody recognized what the hamburger menu was.

I ended up changing it to the word "Menu" and everyone was happy.

I think it's becoming even more confusing now that Google is pushing the ⋮ vertical ellipsis as a hamburger replacement. The last thing the web needs is inconsistent icons.

Re: Accessible hamburger buttons without JavaScript

#25
post #15

> "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." "Last Few Decades"? Eh? A decade.. perhaps? "Every User Immediately"? This is not at all my experience. Perhaps with younger u…

The icon was designed and introduced in 1981. The popularity dramatically increased in the last decade due to smartphones that’s for sure. It’s used by Microsoft, Apple, Youtube... the list goes on. I think it’s not too much of a stretch to say that it is ubiquitous and familiar to users. That being said, it's not the point of the article. There are definitely reasons not to use a hamburger button. But this article h…

I know it was originally invented way back when (in Xerox Parc?), but it did not become 'de facto' on small screens decades ago, that's just a mangling of perspective.

I don't recollect ever having seen it on any of the 'small screens' (ie LCDs, etc) I used prior to smartphones.

Re: Accessible hamburger buttons without JavaScript

#26
post #15

> "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." "Last Few Decades"? Eh? A decade.. perhaps? "Every User Immediately"? This is not at all my experience. Perhaps with younger u…

The icon was designed and introduced in 1981. The popularity dramatically increased in the last decade due to smartphones that’s for sure. It’s used by Microsoft, Apple, Youtube... the list goes on. I think it’s not too much of a stretch to say that it is ubiquitous and familiar to users. That being said, it's not the point of the article. There are definitely reasons not to use a hamburger button. But this article h…

The icon was designed and introduced in 1981.

"Designed and introduced" on the Xerox Star, which almost nobody used. It was quickly forgotten for 30 years, and only came back into use in 2009, according to Wikipedia.

https://en.wikipedia.org/wiki/Hamburger_button

Re: Accessible hamburger buttons without JavaScript

#27

Proof that accessibility and usability are entirely orthogonal. For screen reader users only , this provides them with the information that activating this link will open or close a menu. Screen reader users do not need to open or close menus. Menus do not take up space or sit in front of other content. Closing a menu offers no usability benefit to a screen reader user. All they need is the options to be present unde…

> Screen reader users do not need to open or close menus.

Agreed, but you don’t want keyboard accessible menu items available for users that aren’t visually impaired. Offering a “show menu” button to screen readers is not less accessible to them than skipping the navigation section.

If you’re building a page that is only meant to be used by screen readers, then you are absolutely right.

> Meanwhile, non screen reader users are forced to guess what will be behind the ≡ button this time.

The main menu? Which is behind the same ≡ button on most pages on the internet?

Re: Accessible hamburger buttons without JavaScript

#28
post #14

> "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." "Last Few Decades"? Eh? A decade.. perhaps? "Every User Immediately"? This is not at all my experience. Perhaps with younger u…

The only intuitive user interface is a nipple. Everything else has to be learned.

I presume you're being down-voted for the use of the word "nipple," by people who don't know that this is an axiom that has been used in the design industry for a very long time.

Re: Accessible hamburger buttons without JavaScript

#29

> "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." "Last Few Decades"? Eh? A decade.. perhaps? "Every User Immediately"? This is not at all my experience. Perhaps with younger u…

This immediately made me think of Wikipedia'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. Now instead of lazily clicking from one random article to the next (or to a different language, or to "current events", or the "main page" of headline articles), one has to move the mouse twice and make two clicks to get to…

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'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't remember the state of the fullscreen button.

Re: Accessible hamburger buttons without JavaScript

#30
post #15

Earlier quoted context omitted.

The icon was designed and introduced in 1981. The popularity dramatically increased in the last decade due to smartphones that’s for sure. It’s used by Microsoft, Apple, Youtube... the list goes on. I think it’s not too much of a stretch to say that it is ubiquitous and familiar to users. That being said, it's not the point of the article. There are definitely reasons not to use a hamburger button. But this article h…

I know it was originally invented way back when (in Xerox Parc?), but it did not become 'de facto' on small screens decades ago, that's just a mangling of perspective. I don't recollect ever having seen it on any of the 'small screens' (ie LCDs, etc) I used prior to smartphones.

I never said that it did.
Post reply on HN