From 4b49b18adafbe835fe7251b00f8f2e836789900f Mon Sep 17 00:00:00 2001
From: PioBar <72926984+Pio-Bar@users.noreply.github.com>
Date: Tue, 3 Sep 2024 12:40:23 +0200
Subject: [PATCH] fix: (CXSPA-1088) - Removed all loaded status role attributes
 (#19107)

---
 .../clear-cart-dialog.component.html                 |  1 +
 .../saved-cart-details-items.component.html          |  6 +++++-
 .../saved-cart-details-items.component.spec.ts       |  3 ++-
 .../components/details/saved-cart-details.module.ts  |  2 ++
 .../components/list/saved-cart-list.component.html   |  6 +++++-
 .../list/saved-cart-list.component.spec.ts           |  3 ++-
 .../components/list/saved-cart-list.module.ts        |  2 ++
 .../checkout-delivery-address.component.html         |  6 +++++-
 .../checkout-delivery-address.component.spec.ts      |  2 ++
 .../checkout-delivery-address.module.ts              | 10 ++++++++--
 .../checkout-payment-type.component.html             |  6 +++++-
 .../checkout-payment-type.component.spec.ts          |  7 ++++++-
 .../checkout-payment-type.module.ts                  |  8 +++++++-
 .../checkout-delivery-address.component.html         |  6 +++++-
 .../checkout-delivery-address.module.ts              |  8 +++++++-
 .../checkout-delivery-mode.component.html            | 12 ++++++++++--
 .../checkout-payment-form.component.html             |  6 +++++-
 .../checkout-payment-method.component.html           |  6 +++++-
 .../checkout-payment-method.component.spec.ts        |  2 ++
 .../checkout-payment-method.module.ts                |  8 +++++++-
 .../order-approval-detail-form.component.html        |  6 +++++-
 .../form/user-registration-form.component.html       |  6 +++++-
 .../container/store-list/store-list.component.html   |  6 +++++-
 .../store-list/store-list.component.spec.ts          |  3 ++-
 .../container/store-list/store-list.module.ts        | 11 +++++++++--
 .../quote/components/list/quote-list.component.html  |  6 +++++-
 .../components/list/quote-list.component.spec.ts     |  2 ++
 .../quote/components/list/quote-list.module.ts       |  2 ++
 .../store-finder-grid.component.html                 |  6 +++++-
 .../store-finder-grid.component.spec.ts              |  2 ++
 .../store-finder-search-result.component.html        |  6 +++++-
 .../store-finder-search-result.component.spec.ts     |  9 +++++----
 .../store-finder-store.component.html                |  6 +++++-
 .../store-finder-store.component.spec.ts             |  2 ++
 .../store-finder-stores-count.component.html         |  6 +++++-
 .../store-finder-stores-count.component.spec.ts      |  9 +++++----
 .../address-book/address-book.component.html         |  1 +
 .../address-book/address-book.component.spec.ts      |  9 +++++++--
 .../components/address-book/address-book.module.ts   |  4 +++-
 .../components/register/register.component.html      |  6 +++++-
 .../dp-payment-method.component.html                 |  1 +
 .../dp-payment-method/dp-payment-method.module.ts    |  4 +++-
 .../visual-viewer/visual-viewer.component.html       |  6 +++++-
 .../components/visual-viewer/visual-viewer.module.ts |  3 ++-
 .../feature-toggles/config/feature-toggles.ts        |  7 +++++++
 .../src/app/spartacus/spartacus-features.module.ts   |  1 +
 .../components/consent-management.component.html     |  7 ++++++-
 .../my-account-v2-consent-management.component.html  |  6 +++++-
 ...y-account-v2-consent-management.component.spec.ts |  4 +++-
 .../my-account-v2-consent-management.module.ts       |  7 ++++---
 ...account-v2-notification-preference.component.html |  6 +++++-
 .../my-account-v2-notification-preference.module.ts  |  5 +++--
 .../my-account-v2-notification-preference.spec.ts    | 12 +++++++-----
 .../myaccount/my-coupons/my-coupons.component.html   |  6 +++++-
 .../my-coupons/my-coupons.component.spec.ts          |  2 ++
 .../my-interests/my-interests.component.html         |  6 +++++-
 .../my-interests/my-interests.component.spec.ts      |  2 ++
 .../myaccount/my-interests/my-interests.module.ts    |  4 +++-
 .../notification-preference.component.html           |  6 +++++-
 .../payment-methods/payment-methods.component.html   |  1 +
 .../payment-methods.component.spec.ts                |  2 ++
 .../stock-notification-dialog.component.html         |  1 +
 .../stock-notification.component.html                |  6 +++++-
 .../stock-notification.component.spec.ts             |  4 +++-
 .../stock-notification/stock-notification.module.ts  |  1 +
 .../anonymous-consent-dialog.component.html          |  1 +
 .../anonymous-consent-dialog.component.spec.ts       |  8 +++++---
 67 files changed, 271 insertions(+), 66 deletions(-)

diff --git a/feature-libs/cart/base/components/clear-cart/clear-cart-dialog/clear-cart-dialog.component.html b/feature-libs/cart/base/components/clear-cart/clear-cart-dialog/clear-cart-dialog.component.html
index 9a0591fed46..82f0817a62d 100644
--- a/feature-libs/cart/base/components/clear-cart/clear-cart-dialog/clear-cart-dialog.component.html
+++ b/feature-libs/cart/base/components/clear-cart/clear-cart-dialog/clear-cart-dialog.component.html
@@ -8,6 +8,7 @@
   <div class="cx-clear-cart-container">
     <ng-container *ngIf="!isClearing; else loading">
       <div
+        *cxFeature="'!a11yRemoveStatusLoadedRole'"
         role="status"
         [attr.aria-label]="'common.loaded' | cxTranslate"
       ></div>
diff --git a/feature-libs/cart/saved-cart/components/details/saved-cart-details-items/saved-cart-details-items.component.html b/feature-libs/cart/saved-cart/components/details/saved-cart-details-items/saved-cart-details-items.component.html
index bea5e51664e..ac857558bee 100644
--- a/feature-libs/cart/saved-cart/components/details/saved-cart-details-items/saved-cart-details-items.component.html
+++ b/feature-libs/cart/saved-cart/components/details/saved-cart-details-items/saved-cart-details-items.component.html
@@ -1,6 +1,10 @@
 <ng-container *ngIf="savedCart$ | async as cart">
   <ng-container *ngIf="cart?.entries?.length > 0; else emptyCartItems">
-    <div role="status" [attr.aria-label]="'common.loaded' | cxTranslate"></div>
+    <div
+      *cxFeature="'!a11yRemoveStatusLoadedRole'"
+      role="status"
+      [attr.aria-label]="'common.loaded' | cxTranslate"
+    ></div>
     <div class="cart-details-wrapper">
       <ng-template
         [cxOutlet]="CartOutlets.CART_ITEM_LIST"
diff --git a/feature-libs/cart/saved-cart/components/details/saved-cart-details-items/saved-cart-details-items.component.spec.ts b/feature-libs/cart/saved-cart/components/details/saved-cart-details-items/saved-cart-details-items.component.spec.ts
index 9e53306bd0b..ef755bd831f 100644
--- a/feature-libs/cart/saved-cart/components/details/saved-cart-details-items/saved-cart-details-items.component.spec.ts
+++ b/feature-libs/cart/saved-cart/components/details/saved-cart-details-items/saved-cart-details-items.component.spec.ts
@@ -12,6 +12,7 @@ import {
   Translatable,
 } from '@spartacus/core';
 import { OutletModule } from '@spartacus/storefront';
+import { MockFeatureDirective } from 'projects/storefrontlib/shared/test/mock-feature-directive';
 import { BehaviorSubject, EMPTY, Observable, of } from 'rxjs';
 import { SavedCartDetailsService } from '../saved-cart-details.service';
 import { SavedCartDetailsItemsComponent } from './saved-cart-details-items.component';
@@ -82,7 +83,7 @@ describe('SavedCartDetailsItemsComponent', () => {
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [StoreModule.forRoot({}), I18nTestingModule, OutletModule],
-      declarations: [SavedCartDetailsItemsComponent],
+      declarations: [SavedCartDetailsItemsComponent, MockFeatureDirective],
       providers: [
         {
           provide: SavedCartFacade,
diff --git a/feature-libs/cart/saved-cart/components/details/saved-cart-details.module.ts b/feature-libs/cart/saved-cart/components/details/saved-cart-details.module.ts
index a1bc2368765..e332f60a78d 100644
--- a/feature-libs/cart/saved-cart/components/details/saved-cart-details.module.ts
+++ b/feature-libs/cart/saved-cart/components/details/saved-cart-details.module.ts
@@ -12,6 +12,7 @@ import {
   AuthGuard,
   CmsConfig,
   ConfigModule,
+  FeaturesConfigModule,
   I18nModule,
   UrlModule,
 } from '@spartacus/core';
@@ -54,6 +55,7 @@ import { SavedCartDetailsOverviewComponent } from './saved-cart-details-overview
         },
       },
     }),
+    FeaturesConfigModule,
   ],
   declarations: [
     SavedCartDetailsOverviewComponent,
diff --git a/feature-libs/cart/saved-cart/components/list/saved-cart-list.component.html b/feature-libs/cart/saved-cart/components/list/saved-cart-list.component.html
index bc0c3785716..086e275ad93 100644
--- a/feature-libs/cart/saved-cart/components/list/saved-cart-list.component.html
+++ b/feature-libs/cart/saved-cart/components/list/saved-cart-list.component.html
@@ -1,6 +1,10 @@
 <ng-container *ngIf="savedCarts$ | async as savedCarts">
   <ng-container *ngIf="!(isLoading$ | async); else loading">
-    <div role="status" [attr.aria-label]="'common.loaded' | cxTranslate"></div>
+    <div
+      *cxFeature="'!a11yRemoveStatusLoadedRole'"
+      role="status"
+      [attr.aria-label]="'common.loaded' | cxTranslate"
+    ></div>
     <div class="cx-saved-cart-list-header">
       <h2>
         {{
diff --git a/feature-libs/cart/saved-cart/components/list/saved-cart-list.component.spec.ts b/feature-libs/cart/saved-cart/components/list/saved-cart-list.component.spec.ts
index 37c7ea68bf5..13da4e71817 100644
--- a/feature-libs/cart/saved-cart/components/list/saved-cart-list.component.spec.ts
+++ b/feature-libs/cart/saved-cart/components/list/saved-cart-list.component.spec.ts
@@ -23,6 +23,7 @@ import {
   LaunchDialogService,
   SiteContextComponentService,
 } from '@spartacus/storefront';
+import { MockFeatureDirective } from 'projects/storefrontlib/shared/test/mock-feature-directive';
 import { EMPTY, Observable, Subscription, interval, map, of, take } from 'rxjs';
 import { SavedCartListComponent } from './saved-cart-list.component';
 
@@ -109,7 +110,7 @@ describe('SavedCartListComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       imports: [I18nTestingModule, RouterTestingModule],
-      declarations: [SavedCartListComponent, MockUrlPipe],
+      declarations: [SavedCartListComponent, MockUrlPipe, MockFeatureDirective],
       providers: [
         { provide: RoutingService, useClass: MockRoutingService },
         { provide: SavedCartFacade, useClass: MockSavedCartFacade },
diff --git a/feature-libs/cart/saved-cart/components/list/saved-cart-list.module.ts b/feature-libs/cart/saved-cart/components/list/saved-cart-list.module.ts
index e967954f77e..86ecaff0b28 100644
--- a/feature-libs/cart/saved-cart/components/list/saved-cart-list.module.ts
+++ b/feature-libs/cart/saved-cart/components/list/saved-cart-list.module.ts
@@ -10,6 +10,7 @@ import { RouterModule } from '@angular/router';
 import {
   AuthGuard,
   CmsConfig,
+  FeaturesConfigModule,
   I18nModule,
   provideDefaultConfig,
   UrlModule,
@@ -25,6 +26,7 @@ import { SavedCartListComponent } from './saved-cart-list.component';
     ListNavigationModule,
     I18nModule,
     SpinnerModule,
+    FeaturesConfigModule,
   ],
   providers: [
     provideDefaultConfig(<CmsConfig>{
diff --git a/feature-libs/checkout/b2b/components/checkout-delivery-address/checkout-delivery-address.component.html b/feature-libs/checkout/b2b/components/checkout-delivery-address/checkout-delivery-address.component.html
index 7790af838f4..f72701b8ad8 100644
--- a/feature-libs/checkout/b2b/components/checkout-delivery-address/checkout-delivery-address.component.html
+++ b/feature-libs/checkout/b2b/components/checkout-delivery-address/checkout-delivery-address.component.html
@@ -4,7 +4,11 @@ <h2 class="cx-checkout-title d-none d-lg-block d-xl-block">
 
 <ng-container *ngIf="cards$ | async as cards">
   <ng-container *ngIf="!(isUpdating$ | async); else loading">
-    <div role="status" [attr.aria-label]="'common.loaded' | cxTranslate"></div>
+    <div
+      *cxFeature="'!a11yRemoveStatusLoadedRole'"
+      role="status"
+      [attr.aria-label]="'common.loaded' | cxTranslate"
+    ></div>
     <ng-container
       *ngIf="
         isAccountPayment || (cards?.length && !addressFormOpened);
diff --git a/feature-libs/checkout/b2b/components/checkout-delivery-address/checkout-delivery-address.component.spec.ts b/feature-libs/checkout/b2b/components/checkout-delivery-address/checkout-delivery-address.component.spec.ts
index af3cd4d7e5f..97ff6354f0e 100644
--- a/feature-libs/checkout/b2b/components/checkout-delivery-address/checkout-delivery-address.component.spec.ts
+++ b/feature-libs/checkout/b2b/components/checkout-delivery-address/checkout-delivery-address.component.spec.ts
@@ -20,6 +20,7 @@ import {
   UserCostCenterService,
 } from '@spartacus/core';
 import { Card } from '@spartacus/storefront';
+import { MockFeatureDirective } from 'projects/storefrontlib/shared/test/mock-feature-directive';
 import { BehaviorSubject, EMPTY, of } from 'rxjs';
 import { B2BCheckoutDeliveryAddressComponent } from './checkout-delivery-address.component';
 import createSpy = jasmine.createSpy;
@@ -166,6 +167,7 @@ describe('B2BCheckoutDeliveryAddressComponent', () => {
         MockAddressFormComponent,
         MockCardComponent,
         MockSpinnerComponent,
+        MockFeatureDirective,
       ],
       providers: [
         { provide: UserAddressService, useClass: MockUserAddressService },
diff --git a/feature-libs/checkout/b2b/components/checkout-delivery-address/checkout-delivery-address.module.ts b/feature-libs/checkout/b2b/components/checkout-delivery-address/checkout-delivery-address.module.ts
index eaba4eb52c7..9e11e804294 100644
--- a/feature-libs/checkout/b2b/components/checkout-delivery-address/checkout-delivery-address.module.ts
+++ b/feature-libs/checkout/b2b/components/checkout-delivery-address/checkout-delivery-address.module.ts
@@ -12,10 +12,15 @@ import {
   CartNotEmptyGuard,
   CheckoutAuthGuard,
 } from '@spartacus/checkout/base/components';
-import { CmsConfig, I18nModule, provideDefaultConfig } from '@spartacus/core';
+import {
+  CmsConfig,
+  FeaturesConfigModule,
+  I18nModule,
+  provideDefaultConfig,
+} from '@spartacus/core';
 import { CardModule, SpinnerModule } from '@spartacus/storefront';
-import { B2BCheckoutDeliveryAddressComponent } from './checkout-delivery-address.component';
 import { AddressFormModule } from '@spartacus/user/profile/components';
+import { B2BCheckoutDeliveryAddressComponent } from './checkout-delivery-address.component';
 
 @NgModule({
   imports: [
@@ -25,6 +30,7 @@ import { AddressFormModule } from '@spartacus/user/profile/components';
     CardModule,
     SpinnerModule,
     I18nModule,
+    FeaturesConfigModule,
   ],
   providers: [
     provideDefaultConfig(<CmsConfig>{
diff --git a/feature-libs/checkout/b2b/components/checkout-payment-type/checkout-payment-type.component.html b/feature-libs/checkout/b2b/components/checkout-payment-type/checkout-payment-type.component.html
index e4707e495c3..2010ed2a913 100644
--- a/feature-libs/checkout/b2b/components/checkout-payment-type/checkout-payment-type.component.html
+++ b/feature-libs/checkout/b2b/components/checkout-payment-type/checkout-payment-type.component.html
@@ -11,7 +11,11 @@ <h2 class="cx-checkout-title d-none d-lg-block d-xl-block">
       else loading
     "
   >
-    <div role="status" [attr.aria-label]="'common.loaded' | cxTranslate"></div>
+    <div
+      *cxFeature="'!a11yRemoveStatusLoadedRole'"
+      role="status"
+      [attr.aria-label]="'common.loaded' | cxTranslate"
+    ></div>
     <div class="row">
       <div class="col-md-12 col-lg-6">
         <label>
diff --git a/feature-libs/checkout/b2b/components/checkout-payment-type/checkout-payment-type.component.spec.ts b/feature-libs/checkout/b2b/components/checkout-payment-type/checkout-payment-type.component.spec.ts
index 3e8b8ca5e89..ecbe36518e5 100644
--- a/feature-libs/checkout/b2b/components/checkout-payment-type/checkout-payment-type.component.spec.ts
+++ b/feature-libs/checkout/b2b/components/checkout-payment-type/checkout-payment-type.component.spec.ts
@@ -11,6 +11,7 @@ import {
   I18nTestingModule,
   QueryState,
 } from '@spartacus/core';
+import { MockFeatureDirective } from 'projects/storefrontlib/shared/test/mock-feature-directive';
 import { BehaviorSubject, of } from 'rxjs';
 import { take } from 'rxjs/operators';
 import { CheckoutPaymentTypeComponent } from './checkout-payment-type.component';
@@ -87,7 +88,11 @@ describe('CheckoutOnePaymentTypeComponent', () => {
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [I18nTestingModule],
-      declarations: [CheckoutPaymentTypeComponent, MockSpinnerComponent],
+      declarations: [
+        CheckoutPaymentTypeComponent,
+        MockSpinnerComponent,
+        MockFeatureDirective,
+      ],
       providers: [
         {
           provide: CheckoutPaymentTypeFacade,
diff --git a/feature-libs/checkout/b2b/components/checkout-payment-type/checkout-payment-type.module.ts b/feature-libs/checkout/b2b/components/checkout-payment-type/checkout-payment-type.module.ts
index 4de52b9032e..447b5dee304 100644
--- a/feature-libs/checkout/b2b/components/checkout-payment-type/checkout-payment-type.module.ts
+++ b/feature-libs/checkout/b2b/components/checkout-payment-type/checkout-payment-type.module.ts
@@ -11,7 +11,12 @@ import {
   CartNotEmptyGuard,
   CheckoutAuthGuard,
 } from '@spartacus/checkout/base/components';
-import { CmsConfig, ConfigModule, I18nModule } from '@spartacus/core';
+import {
+  CmsConfig,
+  ConfigModule,
+  FeaturesConfigModule,
+  I18nModule,
+} from '@spartacus/core';
 import { SpinnerModule } from '@spartacus/storefront';
 import { CheckoutPaymentTypeComponent } from './checkout-payment-type.component';
 
@@ -28,6 +33,7 @@ import { CheckoutPaymentTypeComponent } from './checkout-payment-type.component'
         },
       },
     }),
+    FeaturesConfigModule,
   ],
   declarations: [CheckoutPaymentTypeComponent],
   exports: [CheckoutPaymentTypeComponent],
diff --git a/feature-libs/checkout/base/components/checkout-delivery-address/checkout-delivery-address.component.html b/feature-libs/checkout/base/components/checkout-delivery-address/checkout-delivery-address.component.html
index 649e6d35f46..6e586fd5e3e 100644
--- a/feature-libs/checkout/base/components/checkout-delivery-address/checkout-delivery-address.component.html
+++ b/feature-libs/checkout/base/components/checkout-delivery-address/checkout-delivery-address.component.html
@@ -4,7 +4,11 @@ <h2 class="cx-checkout-title d-none d-lg-block d-xl-block">
 
 <ng-container *ngIf="cards$ | async as cards">
   <ng-container *ngIf="!(isUpdating$ | async); else loading">
-    <div role="status" [attr.aria-label]="'common.loaded' | cxTranslate"></div>
+    <div
+      *cxFeature="'!a11yRemoveStatusLoadedRole'"
+      role="status"
+      [attr.aria-label]="'common.loaded' | cxTranslate"
+    ></div>
     <ng-container
       *ngIf="
         cards?.length && !addressFormOpened;
diff --git a/feature-libs/checkout/base/components/checkout-delivery-address/checkout-delivery-address.module.ts b/feature-libs/checkout/base/components/checkout-delivery-address/checkout-delivery-address.module.ts
index d662d8673a5..ac993a1867c 100644
--- a/feature-libs/checkout/base/components/checkout-delivery-address/checkout-delivery-address.module.ts
+++ b/feature-libs/checkout/base/components/checkout-delivery-address/checkout-delivery-address.module.ts
@@ -8,7 +8,12 @@ import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
 import { CartValidationGuard } from '@spartacus/cart/base/core';
-import { CmsConfig, I18nModule, provideDefaultConfig } from '@spartacus/core';
+import {
+  CmsConfig,
+  FeaturesConfigModule,
+  I18nModule,
+  provideDefaultConfig,
+} from '@spartacus/core';
 import { CardModule, SpinnerModule } from '@spartacus/storefront';
 import { AddressFormModule } from '@spartacus/user/profile/components';
 import { CartNotEmptyGuard } from '../guards/cart-not-empty.guard';
@@ -23,6 +28,7 @@ import { CheckoutDeliveryAddressComponent } from './checkout-delivery-address.co
     CardModule,
     SpinnerModule,
     I18nModule,
+    FeaturesConfigModule,
   ],
   providers: [
     provideDefaultConfig(<CmsConfig>{
diff --git a/feature-libs/checkout/base/components/checkout-delivery-mode/checkout-delivery-mode.component.html b/feature-libs/checkout/base/components/checkout-delivery-mode/checkout-delivery-mode.component.html
index b20d6fcbc25..02974db40cc 100644
--- a/feature-libs/checkout/base/components/checkout-delivery-mode/checkout-delivery-mode.component.html
+++ b/feature-libs/checkout/base/components/checkout-delivery-mode/checkout-delivery-mode.component.html
@@ -18,7 +18,11 @@
       else loading
     "
   >
-    <div role="status" [attr.aria-label]="'common.loaded' | cxTranslate"></div>
+    <div
+      *cxFeature="'!a11yRemoveStatusLoadedRole'"
+      role="status"
+      [attr.aria-label]="'common.loaded' | cxTranslate"
+    ></div>
     <div [formGroup]="mode" class="cx-delivery-mode-wrapper">
       <div class="form-check" *ngFor="let mode of supportedDeliveryModes">
         <input
@@ -78,7 +82,11 @@ <h2 class="cx-checkout-title d-none d-lg-block d-xl-block">
       else loading
     "
   >
-    <div role="status" [attr.aria-label]="'common.loaded' | cxTranslate"></div>
+    <div
+      *cxFeature="'!a11yRemoveStatusLoadedRole'"
+      role="status"
+      [attr.aria-label]="'common.loaded' | cxTranslate"
+    ></div>
     <div [formGroup]="mode" class="cx-delivery-mode-wrapper">
       <div role="radiogroup">
         <div class="form-check" *ngFor="let mode of supportedDeliveryModes">
diff --git a/feature-libs/checkout/base/components/checkout-payment-method/checkout-payment-form/checkout-payment-form.component.html b/feature-libs/checkout/base/components/checkout-payment-method/checkout-payment-form/checkout-payment-form.component.html
index c091a19a355..74825058d13 100644
--- a/feature-libs/checkout/base/components/checkout-payment-method/checkout-payment-form/checkout-payment-form.component.html
+++ b/feature-libs/checkout/base/components/checkout-payment-method/checkout-payment-form/checkout-payment-form.component.html
@@ -1,6 +1,10 @@
 <!-- FORM -->
 <ng-container *ngIf="!loading; else spinner">
-  <div role="status" [attr.aria-label]="'common.loaded' | cxTranslate"></div>
+  <div
+    *cxFeature="'!a11yRemoveStatusLoadedRole'"
+    role="status"
+    [attr.aria-label]="'common.loaded' | cxTranslate"
+  ></div>
   <!-- TODO: (CXSPA-5953) Remove feature flags next major -->
   <p *cxFeature="'a11yRequiredAsterisks'" class="form-legend">
     {{ 'formLegend.required' | cxTranslate }}
diff --git a/feature-libs/checkout/base/components/checkout-payment-method/checkout-payment-method.component.html b/feature-libs/checkout/base/components/checkout-payment-method/checkout-payment-method.component.html
index 6e0e0c1c809..49a4786e042 100644
--- a/feature-libs/checkout/base/components/checkout-payment-method/checkout-payment-method.component.html
+++ b/feature-libs/checkout/base/components/checkout-payment-method/checkout-payment-method.component.html
@@ -3,7 +3,11 @@ <h2 class="cx-checkout-title d-none d-lg-block d-xl-block">
 </h2>
 <ng-container *ngIf="cards$ | async as cards">
   <ng-container *ngIf="!(isUpdating$ | async); else loading">
-    <div role="status" [attr.aria-label]="'common.loaded' | cxTranslate"></div>
+    <div
+      *cxFeature="'!a11yRemoveStatusLoadedRole'"
+      role="status"
+      [attr.aria-label]="'common.loaded' | cxTranslate"
+    ></div>
     <ng-container
       *ngIf="
         cards?.length && !newPaymentFormManuallyOpened;
diff --git a/feature-libs/checkout/base/components/checkout-payment-method/checkout-payment-method.component.spec.ts b/feature-libs/checkout/base/components/checkout-payment-method/checkout-payment-method.component.spec.ts
index 098302e7439..82ed2c11f85 100644
--- a/feature-libs/checkout/base/components/checkout-payment-method/checkout-payment-method.component.spec.ts
+++ b/feature-libs/checkout/base/components/checkout-payment-method/checkout-payment-method.component.spec.ts
@@ -18,6 +18,7 @@ import {
   UserPaymentService,
 } from '@spartacus/core';
 import { CardComponent, ICON_TYPE } from '@spartacus/storefront';
+import { MockFeatureDirective } from 'projects/storefrontlib/shared/test/mock-feature-directive';
 import { BehaviorSubject, EMPTY, Observable, Subject, of } from 'rxjs';
 import { CheckoutStepService } from '../services/checkout-step.service';
 import { CheckoutPaymentMethodComponent } from './checkout-payment-method.component';
@@ -188,6 +189,7 @@ describe('CheckoutPaymentMethodComponent', () => {
         CardComponent,
         MockSpinnerComponent,
         MockCxIconComponent,
+        MockFeatureDirective,
       ],
       providers: [
         { provide: UserPaymentService, useClass: MockUserPaymentService },
diff --git a/feature-libs/checkout/base/components/checkout-payment-method/checkout-payment-method.module.ts b/feature-libs/checkout/base/components/checkout-payment-method/checkout-payment-method.module.ts
index 9d3b6dd335f..5e666ccec17 100644
--- a/feature-libs/checkout/base/components/checkout-payment-method/checkout-payment-method.module.ts
+++ b/feature-libs/checkout/base/components/checkout-payment-method/checkout-payment-method.module.ts
@@ -7,7 +7,12 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
-import { CmsConfig, I18nModule, provideDefaultConfig } from '@spartacus/core';
+import {
+  CmsConfig,
+  FeaturesConfigModule,
+  I18nModule,
+  provideDefaultConfig,
+} from '@spartacus/core';
 import { CardModule, SpinnerModule } from '@spartacus/storefront';
 import { CartNotEmptyGuard } from '../guards/cart-not-empty.guard';
 import { CheckoutAuthGuard } from '../guards/checkout-auth.guard';
@@ -22,6 +27,7 @@ import { CheckoutPaymentMethodComponent } from './checkout-payment-method.compon
     CardModule,
     SpinnerModule,
     I18nModule,
+    FeaturesConfigModule,
   ],
   providers: [
     provideDefaultConfig(<CmsConfig>{
diff --git a/feature-libs/organization/order-approval/components/details/order-approval-detail-form/order-approval-detail-form.component.html b/feature-libs/organization/order-approval/components/details/order-approval-detail-form/order-approval-detail-form.component.html
index e21939a463a..0b12dd90ab3 100644
--- a/feature-libs/organization/order-approval/components/details/order-approval-detail-form/order-approval-detail-form.component.html
+++ b/feature-libs/organization/order-approval/components/details/order-approval-detail-form/order-approval-detail-form.component.html
@@ -6,7 +6,11 @@
   </div>
 
   <ng-template #approvalFormTemplate>
-    <div role="status" [attr.aria-label]="'common.loaded' | cxTranslate"></div>
+    <div
+      *cxFeature="'!a11yRemoveStatusLoadedRole'"
+      role="status"
+      [attr.aria-label]="'common.loaded' | cxTranslate"
+    ></div>
     <ng-container *ngIf="orderApproval?.approvalDecisionRequired">
       <div *ngIf="approvalFormVisible" class="cx-approval-form-header row">
         <div class="cx-approval-form-label col-sm-12">
diff --git a/feature-libs/organization/user-registration/components/form/user-registration-form.component.html b/feature-libs/organization/user-registration/components/form/user-registration-form.component.html
index 707c5d2e92a..51a714fb81e 100644
--- a/feature-libs/organization/user-registration/components/form/user-registration-form.component.html
+++ b/feature-libs/organization/user-registration/components/form/user-registration-form.component.html
@@ -1,5 +1,9 @@
 <section *ngIf="!(isLoading$ | async); else loading">
-  <div role="status" [attr.aria-label]="'common.loaded' | cxTranslate"></div>
+  <div
+    *cxFeature="'!a11yRemoveStatusLoadedRole'"
+    role="status"
+    [attr.aria-label]="'common.loaded' | cxTranslate"
+  ></div>
 
   <form [formGroup]="registerForm" (ngSubmit)="submit()">
     <label>
diff --git a/feature-libs/pickup-in-store/components/container/store-list/store-list.component.html b/feature-libs/pickup-in-store/components/container/store-list/store-list.component.html
index 1f730985dd4..baf1cb9bae1 100644
--- a/feature-libs/pickup-in-store/components/container/store-list/store-list.component.html
+++ b/feature-libs/pickup-in-store/components/container/store-list/store-list.component.html
@@ -4,7 +4,11 @@
     else loading
   "
 >
-  <div role="status" [attr.aria-label]="'common.loaded' | cxTranslate"></div>
+  <div
+    *cxFeature="'!a11yRemoveStatusLoadedRole'"
+    role="status"
+    [attr.aria-label]="'common.loaded' | cxTranslate"
+  ></div>
 
   <div
     class="container"
diff --git a/feature-libs/pickup-in-store/components/container/store-list/store-list.component.spec.ts b/feature-libs/pickup-in-store/components/container/store-list/store-list.component.spec.ts
index 2cd994aef63..72340088d16 100644
--- a/feature-libs/pickup-in-store/components/container/store-list/store-list.component.spec.ts
+++ b/feature-libs/pickup-in-store/components/container/store-list/store-list.component.spec.ts
@@ -11,6 +11,7 @@ import {
   PickupLocationsSearchFacade,
 } from '@spartacus/pickup-in-store/root';
 import { SpinnerModule } from '@spartacus/storefront';
+import { MockFeatureDirective } from 'projects/storefrontlib/shared/test/mock-feature-directive';
 import { MockIntendedPickupLocationService } from '../../../core/facade/intended-pickup-location.service.spec';
 import { MockPickupLocationsSearchService } from '../../../core/facade/pickup-locations-search.service.spec';
 import { StoreListComponent } from './store-list.component';
@@ -22,7 +23,7 @@ describe('StoreListComponent', () => {
   let intendedPickupLocationService: IntendedPickupLocationFacade;
   beforeEach(() => {
     TestBed.configureTestingModule({
-      declarations: [StoreListComponent],
+      declarations: [StoreListComponent, MockFeatureDirective],
       imports: [
         HttpClientTestingModule,
         I18nTestingModule,
diff --git a/feature-libs/pickup-in-store/components/container/store-list/store-list.module.ts b/feature-libs/pickup-in-store/components/container/store-list/store-list.module.ts
index 16ffc8087ec..a2949affb96 100644
--- a/feature-libs/pickup-in-store/components/container/store-list/store-list.module.ts
+++ b/feature-libs/pickup-in-store/components/container/store-list/store-list.module.ts
@@ -6,13 +6,20 @@
 
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
-import { I18nModule } from '@spartacus/core';
+import { FeaturesConfigModule, I18nModule } from '@spartacus/core';
 import { IconModule, SpinnerModule } from '@spartacus/storefront';
 import { StoreModule } from '../../presentational/index';
 import { StoreListComponent } from './store-list.component';
 
 @NgModule({
-  imports: [CommonModule, I18nModule, IconModule, SpinnerModule, StoreModule],
+  imports: [
+    CommonModule,
+    I18nModule,
+    IconModule,
+    SpinnerModule,
+    StoreModule,
+    FeaturesConfigModule,
+  ],
   exports: [StoreListComponent],
   declarations: [StoreListComponent],
 })
diff --git a/feature-libs/quote/components/list/quote-list.component.html b/feature-libs/quote/components/list/quote-list.component.html
index 4a255af8e6d..591396e9518 100644
--- a/feature-libs/quote/components/list/quote-list.component.html
+++ b/feature-libs/quote/components/list/quote-list.component.html
@@ -4,7 +4,11 @@
     tabindex="-1"
     [attr.aria-label]="'quote.list.regionTitle' | cxTranslate"
   >
-    <div role="status" [attr.aria-label]="'common.loaded' | cxTranslate"></div>
+    <div
+      *cxFeature="'!a11yRemoveStatusLoadedRole'"
+      role="status"
+      [attr.aria-label]="'common.loaded' | cxTranslate"
+    ></div>
     <ng-container *ngIf="quotesState.data; else ghostList">
       <ng-container
         *ngIf="
diff --git a/feature-libs/quote/components/list/quote-list.component.spec.ts b/feature-libs/quote/components/list/quote-list.component.spec.ts
index 7dd4909763c..b096e3eef9e 100644
--- a/feature-libs/quote/components/list/quote-list.component.spec.ts
+++ b/feature-libs/quote/components/list/quote-list.component.spec.ts
@@ -22,6 +22,7 @@ import {
   QuoteState,
 } from '@spartacus/quote/root';
 import { BreakpointService, ICON_TYPE } from '@spartacus/storefront';
+import { MockFeatureDirective } from 'projects/storefrontlib/shared/test/mock-feature-directive';
 import { BehaviorSubject, NEVER, Observable, of } from 'rxjs';
 import { createEmptyQuote } from '../../core/testing/quote-test-utils';
 import { CommonQuoteTestUtilsService } from '../testing/common-quote-test-utils.service';
@@ -144,6 +145,7 @@ describe('QuoteListComponent', () => {
         MockPaginationComponent,
         MockSortingComponent,
         MockCxIconComponent,
+        MockFeatureDirective,
       ],
       providers: [
         {
diff --git a/feature-libs/quote/components/list/quote-list.module.ts b/feature-libs/quote/components/list/quote-list.module.ts
index e2b87c33555..478be58e777 100644
--- a/feature-libs/quote/components/list/quote-list.module.ts
+++ b/feature-libs/quote/components/list/quote-list.module.ts
@@ -10,6 +10,7 @@ import { RouterModule } from '@angular/router';
 import {
   AuthGuard,
   CmsConfig,
+  FeaturesConfigModule,
   I18nModule,
   provideDefaultConfig,
   UrlModule,
@@ -46,6 +47,7 @@ import { QuoteListComponent } from './quote-list.component';
       },
     }),
     QuoteListComponentService,
+    FeaturesConfigModule,
   ],
   declarations: [QuoteListComponent],
   exports: [QuoteListComponent],
diff --git a/feature-libs/storefinder/components/store-finder-grid/store-finder-grid.component.html b/feature-libs/storefinder/components/store-finder-grid/store-finder-grid.component.html
index 36d29074f67..00f67672868 100644
--- a/feature-libs/storefinder/components/store-finder-grid/store-finder-grid.component.html
+++ b/feature-libs/storefinder/components/store-finder-grid/store-finder-grid.component.html
@@ -4,7 +4,11 @@
     else loading
   "
 >
-  <div role="status" [attr.aria-label]="'common.loaded' | cxTranslate"></div>
+  <div
+    *cxFeature="'!a11yRemoveStatusLoadedRole'"
+    role="status"
+    [attr.aria-label]="'common.loaded' | cxTranslate"
+  ></div>
   <div class="container">
     <!-- TODO: (CXSPA-7581) - Remove feature flag next major release -->
     <div *cxFeature="'a11yStoreFinderAlerts'" class="cx-counter">
diff --git a/feature-libs/storefinder/components/store-finder-grid/store-finder-grid.component.spec.ts b/feature-libs/storefinder/components/store-finder-grid/store-finder-grid.component.spec.ts
index 2c4719d7ccb..1580da055db 100644
--- a/feature-libs/storefinder/components/store-finder-grid/store-finder-grid.component.spec.ts
+++ b/feature-libs/storefinder/components/store-finder-grid/store-finder-grid.component.spec.ts
@@ -5,6 +5,7 @@ import { RouterTestingModule } from '@angular/router/testing';
 import { RoutingService, TranslationService } from '@spartacus/core';
 import { StoreFinderService } from '@spartacus/storefinder/core';
 import { SpinnerModule } from '@spartacus/storefront';
+import { MockFeatureDirective } from 'projects/storefrontlib/shared/test/mock-feature-directive';
 import { EMPTY, Observable } from 'rxjs';
 import { StoreFinderGridComponent } from './store-finder-grid.component';
 import createSpy = jasmine.createSpy;
@@ -57,6 +58,7 @@ describe('StoreFinderGridComponent', () => {
       declarations: [
         StoreFinderGridComponent,
         MockStoreFinderListItemComponent,
+        MockFeatureDirective,
       ],
       providers: [
         { provide: StoreFinderService, useClass: MockStoreFinderService },
diff --git a/feature-libs/storefinder/components/store-finder-search-result/store-finder-search-result.component.html b/feature-libs/storefinder/components/store-finder-search-result/store-finder-search-result.component.html
index 40d1a0a1c9f..22df176b767 100644
--- a/feature-libs/storefinder/components/store-finder-search-result/store-finder-search-result.component.html
+++ b/feature-libs/storefinder/components/store-finder-search-result/store-finder-search-result.component.html
@@ -4,7 +4,11 @@
     else loading
   "
 >
-  <div role="status" [attr.aria-label]="'common.loaded' | cxTranslate"></div>
+  <div
+    *cxFeature="'!a11yRemoveStatusLoadedRole'"
+    role="status"
+    [attr.aria-label]="'common.loaded' | cxTranslate"
+  ></div>
   <div *ngIf="locations?.stores.length">
     <div class="cx-pagination">
       <cx-pagination
diff --git a/feature-libs/storefinder/components/store-finder-search-result/store-finder-search-result.component.spec.ts b/feature-libs/storefinder/components/store-finder-search-result/store-finder-search-result.component.spec.ts
index 4f0b7f3fcff..8ef6739ad04 100644
--- a/feature-libs/storefinder/components/store-finder-search-result/store-finder-search-result.component.spec.ts
+++ b/feature-libs/storefinder/components/store-finder-search-result/store-finder-search-result.component.spec.ts
@@ -1,14 +1,15 @@
 import { NO_ERRORS_SCHEMA } from '@angular/core';
-import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { ActivatedRoute } from '@angular/router';
 import { RouterTestingModule } from '@angular/router/testing';
 import { I18nTestingModule } from '@spartacus/core';
-import { Observable, of } from 'rxjs';
-import { StoreFinderSearchResultComponent } from './store-finder-search-result.component';
 import {
   StoreFinderConfig,
   StoreFinderService,
 } from '@spartacus/storefinder/core';
+import { MockFeatureDirective } from 'projects/storefrontlib/shared/test/mock-feature-directive';
+import { Observable, of } from 'rxjs';
+import { StoreFinderSearchResultComponent } from './store-finder-search-result.component';
 
 class ActivatedRouteMock {
   paramsSubscriptionHandler: Function;
@@ -43,7 +44,7 @@ describe('StoreFinderListComponent', () => {
     TestBed.configureTestingModule({
       imports: [RouterTestingModule, I18nTestingModule],
       schemas: [NO_ERRORS_SCHEMA],
-      declarations: [StoreFinderSearchResultComponent],
+      declarations: [StoreFinderSearchResultComponent, MockFeatureDirective],
       providers: [
         { provide: StoreFinderService, useValue: mockStoreFinderService },
         { provide: ActivatedRoute, useClass: ActivatedRouteMock },
diff --git a/feature-libs/storefinder/components/store-finder-store/store-finder-store.component.html b/feature-libs/storefinder/components/store-finder-store/store-finder-store.component.html
index ebeb1cd9c3b..72f2c8ff813 100644
--- a/feature-libs/storefinder/components/store-finder-store/store-finder-store.component.html
+++ b/feature-libs/storefinder/components/store-finder-store/store-finder-store.component.html
@@ -6,7 +6,11 @@
       else loading
     "
   >
-    <div role="status" [attr.aria-label]="'common.loaded' | cxTranslate"></div>
+    <div
+      *cxFeature="'!a11yRemoveStatusLoadedRole'"
+      role="status"
+      [attr.aria-label]="'common.loaded' | cxTranslate"
+    ></div>
     <div class="cx-visually-hidden">
       {{ location?.displayName }}
     </div>
diff --git a/feature-libs/storefinder/components/store-finder-store/store-finder-store.component.spec.ts b/feature-libs/storefinder/components/store-finder-store/store-finder-store.component.spec.ts
index 4bf4b7f6f21..6cc75d8b408 100644
--- a/feature-libs/storefinder/components/store-finder-store/store-finder-store.component.spec.ts
+++ b/feature-libs/storefinder/components/store-finder-store/store-finder-store.component.spec.ts
@@ -9,6 +9,7 @@ import {
 } from '@spartacus/core';
 import { StoreFinderService } from '@spartacus/storefinder/core';
 import { ICON_TYPE, SpinnerModule } from '@spartacus/storefront';
+import { MockFeatureDirective } from 'projects/storefrontlib/shared/test/mock-feature-directive';
 import { EMPTY } from 'rxjs';
 import { StoreFinderStoreComponent } from './store-finder-store.component';
 import createSpy = jasmine.createSpy;
@@ -59,6 +60,7 @@ describe('StoreFinderStoreComponent', () => {
         StoreFinderStoreComponent,
         MockStoreFinderStoreDescriptionComponent,
         MockCxIconComponent,
+        MockFeatureDirective,
       ],
       providers: [
         { provide: RoutingService, useValue: { go: jasmine.createSpy() } },
diff --git a/feature-libs/storefinder/components/store-finder-stores-count/store-finder-stores-count.component.html b/feature-libs/storefinder/components/store-finder-stores-count/store-finder-stores-count.component.html
index 8e9f4525484..6957357d5d5 100644
--- a/feature-libs/storefinder/components/store-finder-stores-count/store-finder-stores-count.component.html
+++ b/feature-libs/storefinder/components/store-finder-stores-count/store-finder-stores-count.component.html
@@ -4,7 +4,11 @@
     else loading
   "
 >
-  <div role="status" [attr.aria-label]="'common.loaded' | cxTranslate"></div>
+  <div
+    *cxFeature="'!a11yRemoveStatusLoadedRole'"
+    role="status"
+    [attr.aria-label]="'common.loaded' | cxTranslate"
+  ></div>
   <!-- TODO: (CXSPA-7581) - Remove feature flag next major release -->
   <ng-container *cxFeature="'a11yStoreFinderAlerts'">
     <div *ngIf="locations?.length" class="col-12 m-3">
diff --git a/feature-libs/storefinder/components/store-finder-stores-count/store-finder-stores-count.component.spec.ts b/feature-libs/storefinder/components/store-finder-stores-count/store-finder-stores-count.component.spec.ts
index 3424ea7ac93..bcf14b88134 100644
--- a/feature-libs/storefinder/components/store-finder-stores-count/store-finder-stores-count.component.spec.ts
+++ b/feature-libs/storefinder/components/store-finder-stores-count/store-finder-stores-count.component.spec.ts
@@ -1,12 +1,13 @@
+import { DebugElement } from '@angular/core';
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+import { RouterTestingModule } from '@angular/router/testing';
 import { I18nTestingModule, RoutingService } from '@spartacus/core';
 import { StoreFinderService } from '@spartacus/storefinder/core';
 import { SpinnerModule } from '@spartacus/storefront';
+import { MockFeatureDirective } from 'projects/storefrontlib/shared/test/mock-feature-directive';
 import { of } from 'rxjs';
 import { StoreFinderStoresCountComponent } from './store-finder-stores-count.component';
-import { DebugElement } from '@angular/core';
-import { By } from '@angular/platform-browser';
-import { RouterTestingModule } from '@angular/router/testing';
 import createSpy = jasmine.createSpy;
 
 const mockLocation = {
@@ -35,7 +36,7 @@ describe('StoreFinderStoresCountComponent', () => {
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [SpinnerModule, I18nTestingModule, RouterTestingModule],
-      declarations: [StoreFinderStoresCountComponent],
+      declarations: [StoreFinderStoresCountComponent, MockFeatureDirective],
       providers: [
         {
           provide: StoreFinderService,
diff --git a/feature-libs/user/profile/components/address-book/address-book.component.html b/feature-libs/user/profile/components/address-book/address-book.component.html
index a74087f78ae..dccf7100bbd 100644
--- a/feature-libs/user/profile/components/address-book/address-book.component.html
+++ b/feature-libs/user/profile/components/address-book/address-book.component.html
@@ -21,6 +21,7 @@
       *ngIf="!(addressesStateLoading$ | async); else loading"
     >
       <div
+        *cxFeature="'!a11yRemoveStatusLoadedRole'"
         role="status"
         [attr.aria-label]="'common.loaded' | cxTranslate"
       ></div>
diff --git a/feature-libs/user/profile/components/address-book/address-book.component.spec.ts b/feature-libs/user/profile/components/address-book/address-book.component.spec.ts
index 941b70db68a..85b65d8b4a8 100644
--- a/feature-libs/user/profile/components/address-book/address-book.component.spec.ts
+++ b/feature-libs/user/profile/components/address-book/address-book.component.spec.ts
@@ -14,10 +14,11 @@ import {
   I18nTestingModule,
   User,
 } from '@spartacus/core';
+import { CardModule, SpinnerModule } from '@spartacus/storefront';
+import { MockFeatureDirective } from 'projects/storefrontlib/shared/test/mock-feature-directive';
 import { BehaviorSubject, Observable, of } from 'rxjs';
 import { AddressBookComponent } from './address-book.component';
 import { AddressBookComponentService } from './address-book.component.service';
-import { CardModule, SpinnerModule } from '@spartacus/storefront';
 
 class MockGlobalMessageService {
   add = jasmine.createSpy();
@@ -111,7 +112,11 @@ describe('AddressBookComponent', () => {
         },
         { provide: GlobalMessageService, useClass: MockGlobalMessageService },
       ],
-      declarations: [AddressBookComponent, MockAddressFormComponent],
+      declarations: [
+        AddressBookComponent,
+        MockAddressFormComponent,
+        MockFeatureDirective,
+      ],
     }).compileComponents();
   }));
 
diff --git a/feature-libs/user/profile/components/address-book/address-book.module.ts b/feature-libs/user/profile/components/address-book/address-book.module.ts
index 1cb0366a155..718554110ee 100644
--- a/feature-libs/user/profile/components/address-book/address-book.module.ts
+++ b/feature-libs/user/profile/components/address-book/address-book.module.ts
@@ -9,14 +9,15 @@ import { NgModule } from '@angular/core';
 import {
   AuthGuard,
   CmsConfig,
+  FeaturesConfigModule,
   I18nModule,
   provideDefaultConfig,
   UserAddressService,
 } from '@spartacus/core';
+import { CardModule, SpinnerModule } from '@spartacus/storefront';
 import { AddressBookComponent } from './address-book.component';
 import { AddressFormModule } from './address-form/address-form.module';
 import { defaultSuggestedAddressesDialogLayoutConfig } from './address-form/suggested-addresses-dialog/default-suggested-addresses-dialog-layout.config';
-import { CardModule, SpinnerModule } from '@spartacus/storefront';
 
 @NgModule({
   imports: [
@@ -39,6 +40,7 @@ import { CardModule, SpinnerModule } from '@spartacus/storefront';
     }),
     provideDefaultConfig(defaultSuggestedAddressesDialogLayoutConfig),
     UserAddressService,
+    FeaturesConfigModule,
   ],
 })
 export class AddressBookModule {}
diff --git a/feature-libs/user/profile/components/register/register.component.html b/feature-libs/user/profile/components/register/register.component.html
index 869e6419b06..beaf6236b29 100644
--- a/feature-libs/user/profile/components/register/register.component.html
+++ b/feature-libs/user/profile/components/register/register.component.html
@@ -2,7 +2,11 @@
   class="cx-page-section container"
   *ngIf="!(isLoading$ | async); else loading"
 >
-  <div role="status" [attr.aria-label]="'common.loaded' | cxTranslate"></div>
+  <div
+    *cxFeature="'!a11yRemoveStatusLoadedRole'"
+    role="status"
+    [attr.aria-label]="'common.loaded' | cxTranslate"
+  ></div>
   <div class="row justify-content-center">
     <div class="col-md-6">
       <div class="cx-section">
diff --git a/integration-libs/digital-payments/src/checkout/cms-components/dp-payment-method/dp-payment-method.component.html b/integration-libs/digital-payments/src/checkout/cms-components/dp-payment-method/dp-payment-method.component.html
index e5c3d76bb81..04a3b05ee51 100644
--- a/integration-libs/digital-payments/src/checkout/cms-components/dp-payment-method/dp-payment-method.component.html
+++ b/integration-libs/digital-payments/src/checkout/cms-components/dp-payment-method/dp-payment-method.component.html
@@ -6,6 +6,7 @@ <h3 class="cx-checkout-title d-none d-lg-block d-xl-block">
   <ng-container *ngIf="!showCallbackScreen; else loadingPaymentDetails">
     <ng-container *ngIf="!(isUpdating$ | async); else loading">
       <div
+        *cxFeature="'!a11yRemoveStatusLoadedRole'"
         role="status"
         [attr.aria-label]="'common.loaded' | cxTranslate"
       ></div>
diff --git a/integration-libs/digital-payments/src/checkout/cms-components/dp-payment-method/dp-payment-method.module.ts b/integration-libs/digital-payments/src/checkout/cms-components/dp-payment-method/dp-payment-method.module.ts
index 13109cf2fc4..2519f5d6e0b 100644
--- a/integration-libs/digital-payments/src/checkout/cms-components/dp-payment-method/dp-payment-method.module.ts
+++ b/integration-libs/digital-payments/src/checkout/cms-components/dp-payment-method/dp-payment-method.module.ts
@@ -10,14 +10,15 @@ import { RouterModule } from '@angular/router';
 import { CheckoutPaymentMethodModule as CorePaymentMethodModule } from '@spartacus/checkout/base/components';
 import {
   ConfigModule,
+  FeaturesConfigModule,
   I18nModule,
   provideDefaultConfig,
 } from '@spartacus/core';
 import { CardModule, SpinnerModule } from '@spartacus/storefront';
+import { defaultDigitalPaymentsConfig } from '../../adapters/config/default-digital-payments-endpoint.config';
 import { DpPaymentCallbackModule } from './dp-payment-callback/dp-payment-callback.module';
 import { DpPaymentFormModule } from './dp-payment-form/dp-payment-form.module';
 import { DpPaymentMethodComponent } from './dp-payment-method.component';
-import { defaultDigitalPaymentsConfig } from '../../adapters/config/default-digital-payments-endpoint.config';
 
 @NgModule({
   imports: [
@@ -36,6 +37,7 @@ import { defaultDigitalPaymentsConfig } from '../../adapters/config/default-digi
         },
       },
     }),
+    FeaturesConfigModule,
   ],
   declarations: [DpPaymentMethodComponent],
   exports: [DpPaymentMethodComponent],
diff --git a/integration-libs/epd-visualization/components/visual-viewer/visual-viewer.component.html b/integration-libs/epd-visualization/components/visual-viewer/visual-viewer.component.html
index 26fed5eebc0..15f80ff9a7d 100644
--- a/integration-libs/epd-visualization/components/visual-viewer/visual-viewer.component.html
+++ b/integration-libs/epd-visualization/components/visual-viewer/visual-viewer.component.html
@@ -1,5 +1,9 @@
 <ng-container *ngIf="viewportReady; else loading">
-  <div role="status" [attr.aria-label]="'common.loaded' | cxTranslate"></div>
+  <div
+    *cxFeature="'!a11yRemoveStatusLoadedRole'"
+    role="status"
+    [attr.aria-label]="'common.loaded' | cxTranslate"
+  ></div>
   <div class="content-type-symbol" [hidden]="!viewportReady">
     <span class="content-type-text">{{
       (is2D
diff --git a/integration-libs/epd-visualization/components/visual-viewer/visual-viewer.module.ts b/integration-libs/epd-visualization/components/visual-viewer/visual-viewer.module.ts
index 2859ca81ddb..2bdf93912c3 100644
--- a/integration-libs/epd-visualization/components/visual-viewer/visual-viewer.module.ts
+++ b/integration-libs/epd-visualization/components/visual-viewer/visual-viewer.module.ts
@@ -7,7 +7,7 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
-import { I18nModule } from '@spartacus/core';
+import { FeaturesConfigModule, I18nModule } from '@spartacus/core';
 import { SpinnerModule } from '@spartacus/storefront';
 import { VisualViewerAnimationSliderModule } from './toolbar/visual-viewer-animation-slider/visual-viewer-animation-slider.module';
 import { VisualViewerToolbarButtonModule } from './toolbar/visual-viewer-toolbar-button/visual-viewer-toolbar-button.module';
@@ -21,6 +21,7 @@ import { VisualViewerComponent } from './visual-viewer.component';
     VisualViewerToolbarButtonModule,
     VisualViewerAnimationSliderModule,
     SpinnerModule,
+    FeaturesConfigModule,
   ],
   declarations: [VisualViewerComponent],
   exports: [VisualViewerComponent],
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 7570d1d87a4..e51c24a99b0 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
@@ -473,6 +473,12 @@ export interface FeatureTogglesInterface {
    */
   a11yNgSelectMobileReadout?: boolean;
 
+  /**
+   * Removes the element with `role="status"` attribute from subpage components.
+   * The 'Loaded, empty status' message will no longer be present for the screen readers.
+   */
+  a11yRemoveStatusLoadedRole?: boolean;
+
   /**
    * Changes modal title elements form divs into headings. Affects modals before version 2211.27.
    */
@@ -565,6 +571,7 @@ export const defaultFeatureToggles: Required<FeatureTogglesInterface> = {
   a11yRepeatedCancelOrderError: false,
   a11yAddedToCartActiveDialog: false,
   a11yNgSelectMobileReadout: false,
+  a11yRemoveStatusLoadedRole: false,
   a11yDialogsHeading: false,
   occCartNameAndDescriptionInHttpRequestBody: false,
   cmsBottomHeaderSlotUsingFlexStyles: false,
diff --git a/projects/storefrontapp/src/app/spartacus/spartacus-features.module.ts b/projects/storefrontapp/src/app/spartacus/spartacus-features.module.ts
index 724aa656576..6503fb2aa16 100644
--- a/projects/storefrontapp/src/app/spartacus/spartacus-features.module.ts
+++ b/projects/storefrontapp/src/app/spartacus/spartacus-features.module.ts
@@ -357,6 +357,7 @@ if (environment.cpq) {
         a11yRepeatedCancelOrderError: true,
         a11yAddedToCartActiveDialog: true,
         a11yNgSelectMobileReadout: true,
+        a11yRemoveStatusLoadedRole: true,
         a11yDialogsHeading: true,
         cmsBottomHeaderSlotUsingFlexStyles: true,
       };
diff --git a/projects/storefrontlib/cms-components/myaccount/consent-management/components/consent-management.component.html b/projects/storefrontlib/cms-components/myaccount/consent-management/components/consent-management.component.html
index cadbea16c8c..9080bc4502e 100644
--- a/projects/storefrontlib/cms-components/myaccount/consent-management/components/consent-management.component.html
+++ b/projects/storefrontlib/cms-components/myaccount/consent-management/components/consent-management.component.html
@@ -36,6 +36,7 @@
 
       <ng-container *ngIf="!data.allConsentsLoading">
         <div
+          *cxFeature="'!a11yRemoveStatusLoadedRole'"
           role="status"
           [attr.aria-label]="'common.loaded' | cxTranslate"
         ></div>
@@ -64,7 +65,11 @@
   </div>
 
   <ng-template #consentManagementForm>
-    <div role="status" [attr.aria-label]="'common.loaded' | cxTranslate"></div>
+    <div
+      *cxFeature="'!a11yRemoveStatusLoadedRole'"
+      role="status"
+      [attr.aria-label]="'common.loaded' | cxTranslate"
+    ></div>
     <ng-container *ngIf="templateList$ | async as templateList">
       <div class="cx-consent-action-links">
         <div class="col-sm-12 col-md-8 col-lg-6">
diff --git a/projects/storefrontlib/cms-components/myaccount/my-account-v2/my-account-v2-consent-management/components/my-account-v2-consent-management.component.html b/projects/storefrontlib/cms-components/myaccount/my-account-v2/my-account-v2-consent-management/components/my-account-v2-consent-management.component.html
index 2a52a8ff682..c7eaeb3e3e1 100644
--- a/projects/storefrontlib/cms-components/myaccount/my-account-v2/my-account-v2-consent-management/components/my-account-v2-consent-management.component.html
+++ b/projects/storefrontlib/cms-components/myaccount/my-account-v2/my-account-v2-consent-management/components/my-account-v2-consent-management.component.html
@@ -4,7 +4,11 @@
   </div>
 </div>
 <ng-template #consentManagementForm>
-  <div role="status" [attr.aria-label]="'common.loaded' | cxTranslate"></div>
+  <div
+    *cxFeature="'!a11yRemoveStatusLoadedRole'"
+    role="status"
+    [attr.aria-label]="'common.loaded' | cxTranslate"
+  ></div>
   <ng-container *ngIf="templateList$ | async as templateList">
     <div class="cx-consent-toggles">
       <div class="consent-form-container">
diff --git a/projects/storefrontlib/cms-components/myaccount/my-account-v2/my-account-v2-consent-management/components/my-account-v2-consent-management.component.spec.ts b/projects/storefrontlib/cms-components/myaccount/my-account-v2/my-account-v2-consent-management/components/my-account-v2-consent-management.component.spec.ts
index e9c9a18966a..6e6665364e1 100644
--- a/projects/storefrontlib/cms-components/myaccount/my-account-v2/my-account-v2-consent-management/components/my-account-v2-consent-management.component.spec.ts
+++ b/projects/storefrontlib/cms-components/myaccount/my-account-v2/my-account-v2-consent-management/components/my-account-v2-consent-management.component.spec.ts
@@ -19,9 +19,10 @@ import {
   Translatable,
   UserConsentService,
 } from '@spartacus/core';
+import { MockFeatureDirective } from 'projects/storefrontlib/shared/test/mock-feature-directive';
 import { EMPTY, Observable, of } from 'rxjs';
-import { MyAccountV2ConsentManagementComponent } from './my-account-v2-consent-management.component';
 import { ConsentManagementComponentService } from '../../../consent-management';
+import { MyAccountV2ConsentManagementComponent } from './my-account-v2-consent-management.component';
 
 @Component({
   selector: 'cx-spinner',
@@ -131,6 +132,7 @@ describe('MyAccountV2ConsentManagementComponent', () => {
         MockCxSpinnerComponent,
         MockConsentManagementFormComponent,
         MyAccountV2ConsentManagementComponent,
+        MockFeatureDirective,
       ],
       providers: [
         ConsentManagementComponentService,
diff --git a/projects/storefrontlib/cms-components/myaccount/my-account-v2/my-account-v2-consent-management/my-account-v2-consent-management.module.ts b/projects/storefrontlib/cms-components/myaccount/my-account-v2/my-account-v2-consent-management/my-account-v2-consent-management.module.ts
index 9a5d0f6243f..a23c1cc4eb8 100644
--- a/projects/storefrontlib/cms-components/myaccount/my-account-v2/my-account-v2-consent-management/my-account-v2-consent-management.module.ts
+++ b/projects/storefrontlib/cms-components/myaccount/my-account-v2/my-account-v2-consent-management/my-account-v2-consent-management.module.ts
@@ -8,12 +8,12 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { I18nModule } from '@spartacus/core';
+import { FeaturesConfigModule, I18nModule } from '@spartacus/core';
 import { SpinnerModule } from '../../../../shared/components/spinner/spinner.module';
 import { IconModule } from '../../../misc/icon/icon.module';
-import { MyAccountV2ConsentManagementComponent } from './components/my-account-v2-consent-management.component';
-import { MyAccountV2ConsentManagementFormComponent } from './components/consent-form/my-account-v2-consent-management-form.component';
 import { ConsentManagementComponentService } from '../../consent-management';
+import { MyAccountV2ConsentManagementFormComponent } from './components/consent-form/my-account-v2-consent-management-form.component';
+import { MyAccountV2ConsentManagementComponent } from './components/my-account-v2-consent-management.component';
 
 @NgModule({
   imports: [
@@ -23,6 +23,7 @@ import { ConsentManagementComponentService } from '../../consent-management';
     SpinnerModule,
     I18nModule,
     IconModule,
+    FeaturesConfigModule,
   ],
   providers: [ConsentManagementComponentService],
   declarations: [
diff --git a/projects/storefrontlib/cms-components/myaccount/my-account-v2/my-account-v2-notification-preference/my-account-v2-notification-preference.component.html b/projects/storefrontlib/cms-components/myaccount/my-account-v2/my-account-v2-notification-preference/my-account-v2-notification-preference.component.html
index 8b7a961a776..5f638d59296 100644
--- a/projects/storefrontlib/cms-components/myaccount/my-account-v2/my-account-v2-notification-preference/my-account-v2-notification-preference.component.html
+++ b/projects/storefrontlib/cms-components/myaccount/my-account-v2/my-account-v2-notification-preference/my-account-v2-notification-preference.component.html
@@ -1,6 +1,10 @@
 <ng-container *ngIf="preferences$ | async as preferences">
   <div *ngIf="preferences.length > 0; else loading">
-    <div role="status" [attr.aria-label]="'common.loaded' | cxTranslate"></div>
+    <div
+      *cxFeature="'!a11yRemoveStatusLoadedRole'"
+      role="status"
+      [attr.aria-label]="'common.loaded' | cxTranslate"
+    ></div>
     <div class="np-row np-flex np-content-center">
       <div class="col-md-8">
         <div class="header">
diff --git a/projects/storefrontlib/cms-components/myaccount/my-account-v2/my-account-v2-notification-preference/my-account-v2-notification-preference.module.ts b/projects/storefrontlib/cms-components/myaccount/my-account-v2/my-account-v2-notification-preference/my-account-v2-notification-preference.module.ts
index 98ecb55e58a..43287c4070a 100644
--- a/projects/storefrontlib/cms-components/myaccount/my-account-v2/my-account-v2-notification-preference/my-account-v2-notification-preference.module.ts
+++ b/projects/storefrontlib/cms-components/myaccount/my-account-v2/my-account-v2-notification-preference/my-account-v2-notification-preference.module.ts
@@ -8,10 +8,10 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
-import { AuthGuard, I18nModule } from '@spartacus/core';
-import { SpinnerModule } from '../../../../shared/components/spinner/spinner.module';
+import { AuthGuard, FeaturesConfigModule, I18nModule } from '@spartacus/core';
 import { CmsPageGuard } from '../../../../cms-structure/guards/cms-page.guard';
 import { PageLayoutComponent } from '../../../../cms-structure/page/page-layout/page-layout.component';
+import { SpinnerModule } from '../../../../shared/components/spinner/spinner.module';
 import { MyAccountV2NotificationPreferenceComponent } from './my-account-v2-notification-preference.component';
 
 @NgModule({
@@ -29,6 +29,7 @@ import { MyAccountV2NotificationPreferenceComponent } from './my-account-v2-noti
         data: { cxRoute: 'notificationPreference' },
       },
     ]),
+    FeaturesConfigModule,
   ],
   exports: [MyAccountV2NotificationPreferenceComponent],
 })
diff --git a/projects/storefrontlib/cms-components/myaccount/my-account-v2/my-account-v2-notification-preference/my-account-v2-notification-preference.spec.ts b/projects/storefrontlib/cms-components/myaccount/my-account-v2/my-account-v2-notification-preference/my-account-v2-notification-preference.spec.ts
index 0c990886339..03549118908 100644
--- a/projects/storefrontlib/cms-components/myaccount/my-account-v2/my-account-v2-notification-preference/my-account-v2-notification-preference.spec.ts
+++ b/projects/storefrontlib/cms-components/myaccount/my-account-v2/my-account-v2-notification-preference/my-account-v2-notification-preference.spec.ts
@@ -1,14 +1,15 @@
-import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
-import { MyAccountV2NotificationPreferenceComponent } from './my-account-v2-notification-preference.component';
+import { Component, DebugElement } from '@angular/core';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
 import {
   I18nTestingModule,
   NotificationPreference,
   UserNotificationPreferenceService,
 } from '@spartacus/core';
-import { of } from 'rxjs';
-import { DebugElement, Component } from '@angular/core';
-import { By } from '@angular/platform-browser';
 import { cold, getTestScheduler } from 'jasmine-marbles';
+import { MockFeatureDirective } from 'projects/storefrontlib/shared/test/mock-feature-directive';
+import { of } from 'rxjs';
+import { MyAccountV2NotificationPreferenceComponent } from './my-account-v2-notification-preference.component';
 
 @Component({
   selector: 'cx-spinner',
@@ -54,6 +55,7 @@ describe('MyAccountV2NotificationPreferenceComponent', () => {
       declarations: [
         MyAccountV2NotificationPreferenceComponent,
         MockCxSpinnerComponent,
+        MockFeatureDirective,
       ],
       providers: [
         {
diff --git a/projects/storefrontlib/cms-components/myaccount/my-coupons/my-coupons.component.html b/projects/storefrontlib/cms-components/myaccount/my-coupons/my-coupons.component.html
index 5dc0ae979c5..41a3d4f0ec1 100644
--- a/projects/storefrontlib/cms-components/myaccount/my-coupons/my-coupons.component.html
+++ b/projects/storefrontlib/cms-components/myaccount/my-coupons/my-coupons.component.html
@@ -1,6 +1,10 @@
 <div class="cx-section">
   <ng-container *ngIf="!(couponsLoading$ | async); else loading">
-    <div role="status" [attr.aria-label]="'common.loaded' | cxTranslate"></div>
+    <div
+      *cxFeature="'!a11yRemoveStatusLoadedRole'"
+      role="status"
+      [attr.aria-label]="'common.loaded' | cxTranslate"
+    ></div>
     <ng-container *ngIf="couponResult$ | async as couponResult">
       <div class="cx-my-coupons-header">
         <h2>
diff --git a/projects/storefrontlib/cms-components/myaccount/my-coupons/my-coupons.component.spec.ts b/projects/storefrontlib/cms-components/myaccount/my-coupons/my-coupons.component.spec.ts
index 88ece71d562..2669ecf45f7 100644
--- a/projects/storefrontlib/cms-components/myaccount/my-coupons/my-coupons.component.spec.ts
+++ b/projects/storefrontlib/cms-components/myaccount/my-coupons/my-coupons.component.spec.ts
@@ -15,6 +15,7 @@ import {
   FeaturesConfig,
   I18nTestingModule,
 } from '@spartacus/core';
+import { MockFeatureDirective } from 'projects/storefrontlib/shared/test/mock-feature-directive';
 import { BehaviorSubject, Observable, of } from 'rxjs';
 import { SpinnerModule } from '../../../shared/components/spinner/spinner.module';
 import { ICON_TYPE } from '../../misc/icon/icon.model';
@@ -174,6 +175,7 @@ describe('MyCouponsComponent', () => {
         MockCxIconComponent,
         MockPaginationComponent,
         MockSortingComponent,
+        MockFeatureDirective,
       ],
       providers: [
         { provide: CustomerCouponService, useValue: customerCouponService },
diff --git a/projects/storefrontlib/cms-components/myaccount/my-interests/my-interests.component.html b/projects/storefrontlib/cms-components/myaccount/my-interests/my-interests.component.html
index 1b80eecc93e..85ac4184ef3 100644
--- a/projects/storefrontlib/cms-components/myaccount/my-interests/my-interests.component.html
+++ b/projects/storefrontlib/cms-components/myaccount/my-interests/my-interests.component.html
@@ -6,7 +6,11 @@ <h2>{{ 'myInterests.header' | cxTranslate }}</h2>
     class="cx-product-interests-body"
     *ngIf="!(getInterestsloading$ | async); else loading"
   >
-    <div role="status" [attr.aria-label]="'common.loaded' | cxTranslate"></div>
+    <div
+      *cxFeature="'!a11yRemoveStatusLoadedRole'"
+      role="status"
+      [attr.aria-label]="'common.loaded' | cxTranslate"
+    ></div>
     <ng-container
       *ngIf="
         interests.pagination &&
diff --git a/projects/storefrontlib/cms-components/myaccount/my-interests/my-interests.component.spec.ts b/projects/storefrontlib/cms-components/myaccount/my-interests/my-interests.component.spec.ts
index 7498652ee9e..6b71fa22d22 100644
--- a/projects/storefrontlib/cms-components/myaccount/my-interests/my-interests.component.spec.ts
+++ b/projects/storefrontlib/cms-components/myaccount/my-interests/my-interests.component.spec.ts
@@ -24,6 +24,7 @@ import {
   UserInterestsService,
 } from '@spartacus/core';
 import { cold, getTestScheduler } from 'jasmine-marbles';
+import { MockFeatureDirective } from 'projects/storefrontlib/shared/test/mock-feature-directive';
 import { Observable, of } from 'rxjs';
 import { LayoutConfig } from '../../../layout/config/layout-config';
 import { MockFeatureLevelDirective } from '../../../shared/test/mock-feature-level-directive';
@@ -229,6 +230,7 @@ describe('MyInterestsComponent', () => {
         MockSortingComponent,
         MockFeatureLevelDirective,
         MockAtMessageDirective,
+        MockFeatureDirective,
       ],
     }).compileComponents();
   }));
diff --git a/projects/storefrontlib/cms-components/myaccount/my-interests/my-interests.module.ts b/projects/storefrontlib/cms-components/myaccount/my-interests/my-interests.module.ts
index c5b30d88e0f..6dd0fb0041b 100644
--- a/projects/storefrontlib/cms-components/myaccount/my-interests/my-interests.module.ts
+++ b/projects/storefrontlib/cms-components/myaccount/my-interests/my-interests.module.ts
@@ -10,13 +10,14 @@ import { RouterModule } from '@angular/router';
 import {
   AuthGuard,
   CmsConfig,
+  FeaturesConfigModule,
   I18nModule,
   provideDefaultConfig,
   UrlModule,
 } from '@spartacus/core';
-import { AtMessageModule } from '../../../shared/components/assistive-technology-message/assistive-technology-message.module';
 import { CmsPageGuard } from '../../../cms-structure/guards/cms-page.guard';
 import { PageLayoutComponent } from '../../../cms-structure/page/page-layout/page-layout.component';
+import { AtMessageModule } from '../../../shared/components/assistive-technology-message/assistive-technology-message.module';
 import { ListNavigationModule } from '../../../shared/components/list-navigation/list-navigation.module';
 import { MediaModule } from '../../../shared/components/media/media.module';
 import { SpinnerModule } from '../../../shared/components/spinner/spinner.module';
@@ -42,6 +43,7 @@ import { MyInterestsComponent } from './my-interests.component';
         data: { cxRoute: 'myInterests' },
       },
     ]),
+    FeaturesConfigModule,
   ],
   providers: [
     provideDefaultConfig(<CmsConfig>{
diff --git a/projects/storefrontlib/cms-components/myaccount/notification-preference/notification-preference.component.html b/projects/storefrontlib/cms-components/myaccount/notification-preference/notification-preference.component.html
index 47917fa21eb..e829c768924 100644
--- a/projects/storefrontlib/cms-components/myaccount/notification-preference/notification-preference.component.html
+++ b/projects/storefrontlib/cms-components/myaccount/notification-preference/notification-preference.component.html
@@ -1,6 +1,10 @@
 <ng-container *ngIf="preferences$ | async as preferences">
   <div *ngIf="preferences.length > 0; else loading">
-    <div role="status" [attr.aria-label]="'common.loaded' | cxTranslate"></div>
+    <div
+      *cxFeature="'!a11yRemoveStatusLoadedRole'"
+      role="status"
+      [attr.aria-label]="'common.loaded' | cxTranslate"
+    ></div>
     <!-- TODO: (CXSPA-7414) - Remove feature flag next major release. -->
     <div
       *cxFeature="'a11yNotificationPreferenceFieldset'"
diff --git a/projects/storefrontlib/cms-components/myaccount/payment-methods/payment-methods.component.html b/projects/storefrontlib/cms-components/myaccount/payment-methods/payment-methods.component.html
index 0aead5b37e1..849093a6f13 100644
--- a/projects/storefrontlib/cms-components/myaccount/payment-methods/payment-methods.component.html
+++ b/projects/storefrontlib/cms-components/myaccount/payment-methods/payment-methods.component.html
@@ -19,6 +19,7 @@ <h2>
       <div *ngIf="loading$ | async; else cards"><cx-spinner></cx-spinner></div>
       <ng-template #cards>
         <div
+          *cxFeature="'!a11yRemoveStatusLoadedRole'"
           role="status"
           [attr.aria-label]="'common.loaded' | cxTranslate"
         ></div>
diff --git a/projects/storefrontlib/cms-components/myaccount/payment-methods/payment-methods.component.spec.ts b/projects/storefrontlib/cms-components/myaccount/payment-methods/payment-methods.component.spec.ts
index 4c00c4fe6f6..ead33165655 100644
--- a/projects/storefrontlib/cms-components/myaccount/payment-methods/payment-methods.component.spec.ts
+++ b/projects/storefrontlib/cms-components/myaccount/payment-methods/payment-methods.component.spec.ts
@@ -9,6 +9,7 @@ import {
   UserPaymentService,
 } from '@spartacus/core';
 import { FocusDirective } from '@spartacus/storefront';
+import { MockFeatureDirective } from 'projects/storefrontlib/shared/test/mock-feature-directive';
 import { EMPTY, Observable, of } from 'rxjs';
 import { ICON_TYPE } from '../../../cms-components/misc/icon';
 import { CardComponent } from '../../../shared/components/card/card.component';
@@ -79,6 +80,7 @@ describe('PaymentMethodsComponent', () => {
         MockCxIconComponent,
         MockAtMessageDirective,
         FocusDirective,
+        MockFeatureDirective,
       ],
       providers: [
         { provide: UserPaymentService, useClass: MockUserPaymentService },
diff --git a/projects/storefrontlib/cms-components/product/stock-notification/stock-notification-dialog/stock-notification-dialog.component.html b/projects/storefrontlib/cms-components/product/stock-notification/stock-notification-dialog/stock-notification-dialog.component.html
index f391cb4af78..6d4521fe513 100644
--- a/projects/storefrontlib/cms-components/product/stock-notification/stock-notification-dialog/stock-notification-dialog.component.html
+++ b/projects/storefrontlib/cms-components/product/stock-notification/stock-notification-dialog/stock-notification-dialog.component.html
@@ -34,6 +34,7 @@
 
     <ng-container *ngIf="subscribeSuccess$ | async; else loading">
       <div
+        *cxFeature="'!a11yRemoveStatusLoadedRole'"
         role="status"
         [attr.aria-label]="'common.loaded' | cxTranslate"
       ></div>
diff --git a/projects/storefrontlib/cms-components/product/stock-notification/stock-notification.component.html b/projects/storefrontlib/cms-components/product/stock-notification/stock-notification.component.html
index a34b910ebb6..80778502e56 100644
--- a/projects/storefrontlib/cms-components/product/stock-notification/stock-notification.component.html
+++ b/projects/storefrontlib/cms-components/product/stock-notification/stock-notification.component.html
@@ -47,7 +47,11 @@
 
 <ng-template #stopNotify>
   <ng-container *ngIf="!(isRemoveInterestLoading$ | async); else loading">
-    <div role="status" [attr.aria-label]="'common.loaded' | cxTranslate"></div>
+    <div
+      *cxFeature="'!a11yRemoveStatusLoadedRole'"
+      role="status"
+      [attr.aria-label]="'common.loaded' | cxTranslate"
+    ></div>
     <div class="stock-notification-notes">
       <p>{{ 'stockNotification.notified' | cxTranslate }}</p>
     </div>
diff --git a/projects/storefrontlib/cms-components/product/stock-notification/stock-notification.component.spec.ts b/projects/storefrontlib/cms-components/product/stock-notification/stock-notification.component.spec.ts
index 137c3d732f7..263aed71bbc 100644
--- a/projects/storefrontlib/cms-components/product/stock-notification/stock-notification.component.spec.ts
+++ b/projects/storefrontlib/cms-components/product/stock-notification/stock-notification.component.spec.ts
@@ -28,9 +28,10 @@ import { CurrentProductService } from '../current-product.service';
 import { StockNotificationDialogComponent } from './stock-notification-dialog/stock-notification-dialog.component';
 import { StockNotificationComponent } from './stock-notification.component';
 
+import { FocusDirective } from '@spartacus/storefront';
+import { MockFeatureDirective } from 'projects/storefrontlib/shared/test/mock-feature-directive';
 import { LAUNCH_CALLER } from '../../../layout/launch-dialog/config/index';
 import { LaunchDialogService } from '../../../layout/launch-dialog/services/index';
-import { FocusDirective } from '@spartacus/storefront';
 
 class MockLaunchDialogService implements Partial<LaunchDialogService> {
   openDialog(
@@ -126,6 +127,7 @@ describe('StockNotificationComponent', () => {
         StockNotificationDialogComponent,
         MockUrlPipe,
         FocusDirective,
+        MockFeatureDirective,
       ],
       providers: [
         { provide: UserIdService, useValue: userIdService },
diff --git a/projects/storefrontlib/cms-components/product/stock-notification/stock-notification.module.ts b/projects/storefrontlib/cms-components/product/stock-notification/stock-notification.module.ts
index 22f22356060..e92ab88dc71 100644
--- a/projects/storefrontlib/cms-components/product/stock-notification/stock-notification.module.ts
+++ b/projects/storefrontlib/cms-components/product/stock-notification/stock-notification.module.ts
@@ -40,6 +40,7 @@ import { StockNotificationComponent } from './stock-notification.component';
         },
       },
     }),
+    FeaturesConfigModule,
   ],
   exports: [StockNotificationComponent, StockNotificationDialogComponent],
 })
diff --git a/projects/storefrontlib/shared/components/anonymous-consents-dialog/anonymous-consent-dialog.component.html b/projects/storefrontlib/shared/components/anonymous-consents-dialog/anonymous-consent-dialog.component.html
index 3ecbf67d8ea..600a6a98465 100644
--- a/projects/storefrontlib/shared/components/anonymous-consents-dialog/anonymous-consent-dialog.component.html
+++ b/projects/storefrontlib/shared/components/anonymous-consents-dialog/anonymous-consent-dialog.component.html
@@ -11,6 +11,7 @@
     </div>
     <ng-template #dialogBody>
       <div
+        *cxFeature="'!a11yRemoveStatusLoadedRole'"
         role="status"
         [attr.aria-label]="'common.loaded' | cxTranslate"
       ></div>
diff --git a/projects/storefrontlib/shared/components/anonymous-consents-dialog/anonymous-consent-dialog.component.spec.ts b/projects/storefrontlib/shared/components/anonymous-consents-dialog/anonymous-consent-dialog.component.spec.ts
index c740d20df22..ccacc98c671 100644
--- a/projects/storefrontlib/shared/components/anonymous-consents-dialog/anonymous-consent-dialog.component.spec.ts
+++ b/projects/storefrontlib/shared/components/anonymous-consents-dialog/anonymous-consent-dialog.component.spec.ts
@@ -1,19 +1,20 @@
 import { Component, CUSTOM_ELEMENTS_SCHEMA, Input } from '@angular/core';
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import {
+  ANONYMOUS_CONSENT_STATUS,
   AnonymousConsent,
   AnonymousConsentsConfig,
   AnonymousConsentsService,
-  ANONYMOUS_CONSENT_STATUS,
   ConsentTemplate,
+  GlobalMessageService,
+  GlobalMessageType,
   I18nTestingModule,
   Translatable,
-  GlobalMessageType,
-  GlobalMessageService,
 } from '@spartacus/core';
 import { EMPTY, Observable, of } from 'rxjs';
 import { KeyboardFocusTestingModule } from '../../../layout/a11y/keyboard-focus/focus-testing.module';
 import { LaunchDialogService } from '../../../layout/launch-dialog/index';
+import { MockFeatureDirective } from '../../test/mock-feature-directive';
 import { AnonymousConsentDialogComponent } from './anonymous-consent-dialog.component';
 
 @Component({
@@ -95,6 +96,7 @@ describe('AnonymousConsentsDialogComponent', () => {
         MockCxIconComponent,
         MockConsentManagementFormComponent,
         MockCxSpinnerComponent,
+        MockFeatureDirective,
       ],
       providers: [
         {