fix: use proper color text for future stock accordion

SAP · Jan 9, 2025 · 64b7b82 · 64b7b82
1 parent 89151c1
commit 64b7b82
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 0 deletions.
diff --git a/...roduct/future-stock/components/future-stock-accordion/future-stock-accordion.component.ts b/...roduct/future-stock/components/future-stock-accordion/future-stock-accordion.component.ts
@@ -20,6 +20,7 @@ export class FutureStockAccordionComponent {
 
   constructor(protected futureStockService: FutureStockFacade) {
     useFeatureStyles('a11yCroppedFocusRing');
+    useFeatureStyles('a11yUseProperTextColorForFutureStockAccordion');
   }
 
   toggle(): void {

diff --git a/feature-libs/product/future-stock/styles/_future-stock-accordion.scss b/feature-libs/product/future-stock/styles/_future-stock-accordion.scss
@@ -16,6 +16,9 @@ cx-future-stock-accordion {
         margin-inline-start: 0;
       }
     }
+    @include forFeature('a11yUseProperTextColorForFutureStockAccordion') {
+      color: var(--cx-color-text);
+    }
     margin: 0.5rem auto;
     cursor: pointer;
 

diff --git a/projects/core/src/features-config/feature-toggles/config/feature-toggles.ts b/projects/core/src/features-config/feature-toggles/config/feature-toggles.ts
@@ -174,6 +174,11 @@ export interface FeatureTogglesInterface {
    */
   a11yNavigationUiKeyboardControls?: boolean;
 
+  /**
+   * In `FutureStockAccordionComponent` use `cx-color-text` for button color
+   */
+  a11yUseProperTextColorForFutureStockAccordion?: boolean;
+
   /**
    * Improves screen reader(VoiceOver, JAWS) narration of menu buttons inside of 'NavigationUIComponent'.
    */
@@ -970,6 +975,7 @@ export const defaultFeatureToggles: Required<FeatureTogglesInterface> = {
   a11yRequiredAsterisks: true,
   a11yQuantityOrderTabbing: true,
   a11yNavigationUiKeyboardControls: true,
+  a11yUseProperTextColorForFutureStockAccordion: false,
   a11yNavMenuExpandStateReadout: false,
   a11yOrderConfirmationHeadingOrder: true,
   a11yStarRating: true,

diff --git a/projects/storefrontapp/src/app/spartacus/spartacus-features.module.ts b/projects/storefrontapp/src/app/spartacus/spartacus-features.module.ts
@@ -310,6 +310,7 @@ if (environment.cpq) {
         a11yRequiredAsterisks: true,
         a11yQuantityOrderTabbing: true,
         a11yNavigationUiKeyboardControls: true,
+        a11yUseProperTextColorForFutureStockAccordion: true,
         a11yNavMenuExpandStateReadout: true,
         a11yOrderConfirmationHeadingOrder: true,
         a11yStarRating: true,