[openstreetmap/openstreetmap-website] Describe burger menu as expanded/collapsed to assistive tech (PR #7008)

[Pablo Brasero]

When playing with VoiceOver on my phone the other day, I noticed that the burger menu (appears on narrow windows) didn't read like anything that suggests that it can be interacted with.

<img width="500" height="139" alt="Top navigation of the site, as it appears on narrow screens, sporting a burger menu on the top right corner" src="https://github.com/user-attachments/assets/3a4cbbeb-82ba-44a4-ab0f-10a17af1e913" />

Specifically, I'm getting the following:

> Heading level 1, _lingbend_, banner.

(I can't tell what that word in the middle actually is. A native English speaker was also consulted with similar confusion).

I'm not an accessibility expert so I'm sure someone can do a better job than me but, for the moment, a sprinkle of attributes seems to make it more useful in my limited tests. Now it reads:

> Main, heading level 1, visited, _lingbend_, banner, collapsed. Double tap to expand.

And when expanded:

> Main, heading level 1, visited, link, expanded. Double tap to collapse.
You can view, comment on, or merge this pull request online at:

  https://github.com/openstreetmap/openstreetmap-website/pull/7008

-- Commit Summary --

  * Describe burger menu as expanded/collapsed to assistive tech

-- File Changes --

    M app/assets/javascripts/application.js (7)
    M app/views/layouts/_header.html.erb (2)

-- Patch Links --

https://github.com/openstreetmap/openstreetmap-website/pull/7008.patchhttps://github.com/openstreetmap/openstreetmap-website/pull/7008.diff
-- 
Reply to this email directly or view it on GitHub:
https://github.com/openstreetmap/openstreetmap-website/pull/7008
You are receiving this because you are subscribed to this thread.

Message ID: <openstreetmap/openstreetmap-website/pull/7008 at github.com>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20260416/41617d86/attachment.htm>