diff --git a/feature-libs/product/future-stock/components/future-stock-accordion/future-stock-accordion.component.ts b/feature-libs/product/future-stock/components/future-stock-accordion/future-stock-accordion.component.ts index 80005674a1e..5c8a567c69b 100644 --- a/feature-libs/product/future-stock/components/future-stock-accordion/future-stock-accordion.component.ts +++ b/feature-libs/product/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 index b379b7598fa..df526ae211e 100644 --- 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 index 9da98edab28..a27832e947b 100644 --- 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 = { 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 index 583673b4356..51f9f451a38 100644 --- 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,