Make WordPress Core

Opened 19 months ago

Last modified 19 months ago

#50182 new defect (bug)

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

Reported by: westonruter Owned by:
Milestone: Future Release Priority: normal
Severity: normal Version:
Component: Bundled Theme Keywords: needs-patch
Focuses: ui, accessibility Cc:


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

Attachments (1)

50182.diff (8.3 KB) - added by dboy1988 19 months ago.

Download all attachments as: .zip

Change History (6)

#1 follow-up: @afercia
19 months ago

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

This ticket was mentioned in Slack in #accessibility by afercia. View the logs.

19 months ago

#3 @afercia
19 months ago

  • Keywords needs-patch added
  • Milestone changed from Awaiting Review to Future Release

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.

#4 in reply to: ↑ 1 @westonruter
19 months ago

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.

19 months ago

#5 @dboy1988
19 months ago

Patch provided

Note: See TracTickets for help on using tickets.