Majority of bundled themes have broken mobile nav menus when JS turned off

[westonruter]

I tried turning off JavaScript in my browser (via DevTools in Chrome) and then activated each core theme to see if I could access mobile nav menu items. Unfortunately, for the themes which have an expandable mobile nav menu, the majority fail to gracefully degrade when JavaScript is disabled (either on purpose or the script fails to load over the network).

Themes which gracefully degrade by just revealing all the nav menu items:

• Twenty Nineteen
• Twenty Seventeen
• Twenty Sixteen

Themes which show a mobile nav menu button which does nothing when tapped:

• Twenty Twenty (mobile search also broken)
• Twenty Fifteen
• Twenty Fourteen (mobile search also broken)
• Twenty Thirteen
• Twenty Twelve

[afercia]

I guess Twenty Eleven and Twenty Ten aren't mentioned to show some mercy? :)

[afercia]

This ticket was discussed during today's accessibility bug-scrub. As a general consideration, the accessibility team agrees the navigation menu implementation in Twenty Seventeen it the bet one so far. Twenty Seventeen got a lot of work on the menu and that is the pattern the team recommends.

A quick win could be to _not_ hide the mobile menu when JS is off. Something to consider for the Themes team :) Moving to Future Release for now.

[westonruter]

Replying to afercia:

I guess Twenty Eleven and Twenty Ten aren't mentioned to show some mercy? :)

No, it's because they don't have a mobile menu button. And Twenty Ten isn't responsive at all.

[dboy1988]

Patch provided