[wp-trac] [WordPress Trac] #64013: Color contrast below WCAG standards for newly-added items in customizer menus

[WordPress Trac]

#64013: Color contrast below WCAG standards for newly-added items in customizer
menus
-------------------------------------------------+-------------------------
 Reporter:  joedolson                            |       Owner:  (none)
     Type:  defect (bug)                         |      Status:  reopened
 Priority:  normal                               |   Milestone:  7.0
Component:  Customize                            |     Version:  4.3
 Severity:  normal                               |  Resolution:
 Keywords:  good-first-bug has-patch has-        |     Focuses:
  screenshots                                    |  accessibility, css
-------------------------------------------------+-------------------------
Changes (by ozgursar):

 * keywords:  good-first-bug has-patch needs-testing => good-first-bug has-
     patch has-screenshots


Comment:

 == Test Report

 Patch tested: https://github.com/WordPress/wordpress-develop/pull/10542

 === Steps to Test
 1. Activate theme Twenty Twenty-One (or any classic theme)
 2. In the dashboard, go to Appearance > Customizer > Menus
 3. Choose your menu (e.g. Primary Menu)
 4. Click Add Items
 5. Add Page
 6. Give a name (e.g. Test Page)
 7. Click Add
 8. View the added page's text color (to check contrast ratio in Chrome Dev
 Tools)
 9. Without patch text color is #8c8f94 with contrast ratio 3.24 over
 white.

 === Expected Results
 ✅ Text color contrast ratio must be minimum 4.5

 === Environment
 - WordPress: 7.0-alpha-20260113.162135
 - PHP: 8.3.29
 - Server: PHP.wasm
 - Database: WP_SQLite_Driver (Server: 8.0.38 / Client: 3.51.0)
 - Browser: Chrome 143.0.0.0
 - OS: macOS
 - Theme: Twenty Twenty-One 2.7
 - MU Plugins: None activated
 - Plugins:
   * Test Reports 1.2.1

 === Actual Results
 - ✅ Issue resolved with patch.
 - ✅ Text color #646970 has a contrast ratio of 5.53 (more than required
 4.5 to pass AA)

 === Screenshots
 ||= Before =||= After =||
 || [[Image(https://i.imgur.com/eaq5uqO.png)]] ||
 [[Image(https://i.imgur.com/NCDsyTd.jpeg)]] ||

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