[wp-trac] [WordPress Trac] #63597: Twenty Nineteen: Submenu hover/focus state has poor accessibility due to dark background

[WordPress Trac]

#63597: Twenty Nineteen: Submenu hover/focus state has poor accessibility due to
dark background
------------------------------------+-----------------------------
 Reporter:  rishabhwp               |      Owner:  (none)
     Type:  defect (bug)            |     Status:  new
 Priority:  normal                  |  Milestone:  Awaiting Review
Component:  Bundled Theme           |    Version:
 Severity:  normal                  |   Keywords:
  Focuses:  ui, accessibility, css  |
------------------------------------+-----------------------------
 == Description:

 When using the Twenty Nineteen theme, the submenu item that appears on
 hover or keyboard focus (when "Open on click" is enabled from editor)
 displays a solid black background (`#111`). This causes poor contrast
 between the background and the text.

 == Steps to reproduce:

 1. Activate the Twenty Nineteen theme.
 2. Create a menu with a submenu.
 3. Enable "Open on click" from settings.
 3. Hover over or tab through the top-level menu to reveal the submenu.
 4. Observe the submenu item's background color on hover/focus.

 == Screenshots:

 === Before hover (normal state)
 [[Image(https://i.postimg.cc/hPTQ68XF/Screenshot-2025-06-19-at-3-04-52-PM.png)]]

 === Hover state
 [[Image(https://i.postimg.cc/gkFHx2RW/Screenshot-2025-06-19-at-3-06-19-PM.png)]]

 === Focus state
 [[Image(https://i.postimg.cc/VsRkC70k/Screenshot-2025-06-19-at-3-07-03-PM.png)]]

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/63597>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform