Commit 7f109cd41f5 for woocommerce
commit 7f109cd41f5800384b2e88764f8c6160ab4151c7
Author: Lucio Giannotta <lucio.giannotta@a8c.com>
Date: Tue May 26 20:25:24 2026 +0800
Restore focus indicator on Product/Coupon data tabs (#64890)
The high-specificity ul.wc-tabs li a { box-shadow: none } rule was suppressing the WordPress core focus ring (which uses box-shadow) without providing a replacement. Keyboard users had no perceivable focus indicator on these tabs, failing WCAG 2.4.7, 2.4.11 and 1.4.1.
Add a scoped a:focus rule using outline (matching the suppressed ring color) with a negative offset so the indicator stays within .panel-wraps overflow: hidden boundary instead of being clipped.
Fixes #64236
diff --git a/plugins/woocommerce/changelog/64890-fix-wooplug-6572-tab-focus-indicator b/plugins/woocommerce/changelog/64890-fix-wooplug-6572-tab-focus-indicator
new file mode 100644
index 00000000000..f6bcbf386a3
--- /dev/null
+++ b/plugins/woocommerce/changelog/64890-fix-wooplug-6572-tab-focus-indicator
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Product data and Coupon data tabs: restore a visible keyboard focus indicator. The tabs previously suppressed the WordPress core focus ring without providing a replacement, leaving keyboard users without a perceivable indicator (WCAG 2.4.7, 2.4.11, 1.4.1).
\ No newline at end of file
diff --git a/plugins/woocommerce/client/legacy/css/admin.scss b/plugins/woocommerce/client/legacy/css/admin.scss
index 690d3297ff3..cc56cae0dda 100644
--- a/plugins/woocommerce/client/legacy/css/admin.scss
+++ b/plugins/woocommerce/client/legacy/css/admin.scss
@@ -5827,6 +5827,14 @@ img.help_tip {
line-height: 20px !important;
border-bottom: 1px solid #eee;
+ // The rule above suppresses the global box-shadow focus ring; reinstate a
+ // visible focus indicator via outline. Negative offset keeps the outline
+ // inside the parent .panel-wrap, which uses overflow: hidden.
+ &:focus {
+ outline: 2px solid #2271b1;
+ outline-offset: -2px;
+ }
+
span {
margin-left: 0.618em;
margin-right: 0.618em;