[wp-trac] [WordPress Trac] #49950: Twenty Twenty: with horizontal menu, submenu should be dismissible

[WordPress Trac]

#49950: Twenty Twenty: with horizontal menu, submenu should be dismissible
-------------------------------------+-------------------------------------
 Reporter:  lcarevic                 |       Owner:  joedolson
     Type:  defect (bug)             |      Status:  assigned
 Priority:  normal                   |   Milestone:  6.8
Component:  Bundled Theme            |     Version:
 Severity:  normal                   |  Resolution:
 Keywords:  has-patch needs-testing  |     Focuses:  accessibility,
  has-testing-info                   |  javascript, tests
-------------------------------------+-------------------------------------

Comment (by ugyensupport):

 == Twenty Twenty: with horizontal menu, submenu should be dismissible
 === Description
 The submenu cannot be dismissed. If there are many links in the submenu,
 keyboard navigation is tedious since the person will have to tab all of
 the content of the submenu before reaching the next item of the menu.

 === Patch tested: https://github.com/WordPress/wordpress-
 develop/pull/8529/files

 === Steps
 1) Tab through to open all sub menus.
 2) From each sub menu, hit esc.
 3) The esc key will move focus to the parent item that contains the
 current menu. Since focus on that location triggers the sub menu, this
 does not close the current menu, but will close any menu that is a child
 of the current menu.
 4) When closing the last submenu, focus is moved to the main menu item,
 and the 'closed' class is assigned to the list item, to prevent the menu
 from re-opening on the next tab press.
 5) Press tab to navigate to the next main menu item.
 6) Press shift + tab to navigate backwards, which should land you in the
 last item of the last sub-menu for the previous parent.

 === Environment
 - WordPress: 6.7.3-alpha-59977
 - PHP: 8.4.1
 - Server: Apache/2.4.62 (Unix) mod_wsgi/5.0.1 Python/3.12 mod_fastcgi
 /mod_fastcgi-SNAP-0910052141 OpenSSL/1.1.1w
 - Database: mysqli (Server: 5.7.44 / Client: mysqlnd 8.4.1)
 - Browser: Chrome 134.0.0.0
 - OS: macOS
 - Theme: Twenty Twenty 2.8
 - MU Plugins: None activated
 - Plugins:
   * Test Reports 1.2.0
   * WordPress Beta Tester 3.6.2
   * WP File Manager 8.0.1

 === Actual Results
  ✅ Pressing esc moves the focus to parent menu and closes all child menus
  ✅ tab can be used to move to next menu/menu item
  ✅ Pressing shift + tab opens the last item of the last sub menu of the
 previous parent
  ✅ Patch works
 === Supplemental Artifacts
 https://files.fm/u/u3twpe3gqc

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/49950#comment:56>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform