Button focus visibility issue in media upload page

[dilipbheda]

When visiting wp-admin/media-new.php in WordPress and uploading a new image, clicking the Edit button from the uploaded media list does not show proper focus visibility. The button outline is barely noticeable, making it difficult for users to identify the focused element.

Steps to Reproduce:

1. Navigate to wp-admin/media-new.php.
2. Upload an image.
3. Click on the Edit button from the uploaded media list.
4. Observe the focus visibility of the button.

Expected Behavior:
The button should have a clearly visible focus state to improve accessibility and user experience.

Actual Behavior:
The focus outline or indicator is not properly visible, making it unclear whether the button is selected.

[dilipbheda]

Before

[dilipbheda]

After

[narenin]

Test Report

This report validates that the indicated patch addresses the issue.

Patch tested:

​https://github.com/WordPress/wordpress-develop/pull/8656

Environment

OS: macOS 14.6.1
Web Server: PHP.wasm
PHP: 7.4.31-dev
WordPress: 6.8-alpha-20250130.101504
Browser: Chrome Version 133.0.6943.142
Theme: Twenty Twenty-Five Theme Version 1.1

Actual Results

The button has a clearly visible focus state which is improving the accessibility and user experience.

@dilipbheda Thanks for the patch. The PR changes looks good to me.

[zunaid321]

Test Report

Description

This report validates whether the indicated patch works as expected.

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

Environment

• WordPress: 6.9-alpha-20250404.184002
• PHP: 7.4.31-dev
• Server: PHP.wasm
• Database: WP_SQLite_Translator (Server: 5.5 / Client: 3.40.1)
• Browser: Chrome 134.0.0.0
• OS: macOS
• Theme: Twenty Twenty-Five 1.1
• MU Plugins: None activated
• Plugins:
  • Test Reports 1.2.0

Actual Results

✅ Button visibility is fixed with the patch.

Supplemental Artifacts