Commit 57514671f59 for woocommerce
commit 57514671f591178bd5e8312b39affe9bc84131c9
Author: Ahmed Ismail <105542236+ahmedevsaad@users.noreply.github.com>
Date: Wed Nov 11 14:01:14 2026 +0200
Raise the price slider's unselected track contrast to 3:1 (#69299)
diff --git a/plugins/woocommerce/changelog/69082-fix-price-slider-track-contrast b/plugins/woocommerce/changelog/69082-fix-price-slider-track-contrast
new file mode 100644
index 00000000000..b54aafb88c1
--- /dev/null
+++ b/plugins/woocommerce/changelog/69082-fix-price-slider-track-contrast
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Make the unselected part of the Product Filters price slider track easier to see, meeting WCAG non-text contrast.
diff --git a/plugins/woocommerce/client/blocks/assets/js/blocks/product-filters/inner-blocks/price-slider/style.scss b/plugins/woocommerce/client/blocks/assets/js/blocks/product-filters/inner-blocks/price-slider/style.scss
index 603e60c5ba3..d2c03a4aa45 100644
--- a/plugins/woocommerce/client/blocks/assets/js/blocks/product-filters/inner-blocks/price-slider/style.scss
+++ b/plugins/woocommerce/client/blocks/assets/js/blocks/product-filters/inner-blocks/price-slider/style.scss
@@ -116,7 +116,8 @@
width: 100%;
height: 100%;
background: var(--range-color);
- opacity: 0.3;
+ // 0.6 keeps the unselected track at 3:1 or more against light backgrounds (WCAG 1.4.11).
+ opacity: 0.6;
}
.range-bar {