[wp-trac] [WordPress Trac] #63447: Low Contrast Ratio in Footer Separator of “WordPress Events and News” Widget

[WordPress Trac]

#63447: Low Contrast Ratio in Footer Separator of “WordPress Events and News”
Widget
-------------------------------------------------+-------------------------
 Reporter:  ankitkumarshah                       |       Owner:  (none)
     Type:  defect (bug)                         |      Status:  new
 Priority:  normal                               |   Milestone:  Awaiting
                                                 |  Review
Component:  Widgets                              |     Version:
 Severity:  minor                                |  Resolution:
 Keywords:  has-patch has-test-info 2nd-opinion  |     Focuses:
                                                 |  accessibility
-------------------------------------------------+-------------------------

Comment (by rollybueno):

 == Test Report
 === Description
 This report validates whether the indicated patch works as expected.

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

 This patch addresses a contrast issue in the WordPress admin UI,
 specifically in the "WordPress Events and News" dashboard widget where the
 location text had insufficient contrast against the background.

 === Environment
  - WordPress: 6.9-alpha-60093-src
  - PHP: 8.2.28
  - Server: nginx/1.27.5
  - Database: mysqli (Server: 8.4.5 / Client: mysqlnd 8.2.28)
  - Browser: Chrome 136.0.0.0
  - OS: Linux
  - Theme: Twenty Twenty-Five 1.2
  - MU Plugins: None activated
  - Plugins:
    - Test Reports 1.2.0

 === Steps to Apply Patch
 1. Navigate to your local `wordpress-develop` directory.
 2. Make sure you add remote upstream and fetch it:


 {{{
    git fetch upstream pull/8808/head:pr-8808
    git checkout pr-8808
 }}}


 3. Rebuild the environment:


 {{{
    npm install
    npm run build:dev
 }}}


 4. Restart Docker to ensure changes are picked up:


 {{{
    npm run env:stop
    npm run env:start
 }}}


 5. Confirm the patch is present inside the container:


 This confirms the patch is active within the environment.

 === Actual Results
 1. ✅ Issue resolved with patch based on Lighthouse scan.
  - UI contrast for the affected elements is visibly improved.
  - No visual regressions observed during normal admin use.
  - Works correctly on Dashboard page with no plugins active.
 2. ⚠️❗However, it's worth noting that it **failed** for normal text, on
 WCAG AAA which is the highest rating.


 === Additional Notes
  - The patch improves readability for elements that previously had low
 contrast based on Lighthouse.
  - No plugin conflicts or console warnings detected.
  - ⚠️ While the new patch passed on WCAG AA, it **failed** on WCAG AAA in
 normal text, which this issue may fall under that. Need second opinion on
 this part.

 === Supplemental Artifacts
 WCAG:
 [[Image(https://i.imgur.com/Cybo5wE.png)]]

 Lighthouse:
 [[Image(https://i.imgur.com/Gz28u1b.png)]]

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