diff --git a/feature-libs/checkout/base/components/checkout-delivery-address/checkout-delivery-address.component.ts b/feature-libs/checkout/base/components/checkout-delivery-address/checkout-delivery-address.component.ts
index ceb05c41b1a..a4758bdc6a5 100644
--- a/feature-libs/checkout/base/components/checkout-delivery-address/checkout-delivery-address.component.ts
+++ b/feature-libs/checkout/base/components/checkout-delivery-address/checkout-delivery-address.component.ts
@@ -119,7 +119,7 @@ export class CheckoutDeliveryAddressComponent implements OnInit {
     const isSelected: boolean = selected && selected.id === address.id;
 
     return {
-      role: 'region',
+      role: 'application',
       title: address.defaultAddress ? textDefaultDeliveryAddress : '',
       textBold: address.firstName + ' ' + address.lastName,
       text: [
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 82ed2c11f85..9e87b169954 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
@@ -441,7 +441,7 @@ describe('CheckoutPaymentMethodComponent', () => {
           selectedPaymentMethod
         )
       ).toEqual({
-        role: 'region',
+        role: 'application',
         title: '✓ DEFAULT',
         textBold: 'Name',
         text: ['123456789', 'Expires'],
diff --git a/feature-libs/checkout/base/components/checkout-payment-method/checkout-payment-method.component.ts b/feature-libs/checkout/base/components/checkout-payment-method/checkout-payment-method.component.ts
index 866decf0e04..34e1b661d86 100644
--- a/feature-libs/checkout/base/components/checkout-payment-method/checkout-payment-method.component.ts
+++ b/feature-libs/checkout/base/components/checkout-payment-method/checkout-payment-method.component.ts
@@ -301,7 +301,7 @@ export class CheckoutPaymentMethodComponent implements OnInit, OnDestroy {
     const isSelected = selected?.id === paymentDetails.id;
 
     return {
-      role: 'region',
+      role: 'application',
       title: paymentDetails.defaultPayment
         ? cardLabels.textDefaultPaymentMethod
         : '',
diff --git a/feature-libs/user/profile/components/address-book/address-book.component.ts b/feature-libs/user/profile/components/address-book/address-book.component.ts
index 9a92d5873d3..5b681414fd5 100644
--- a/feature-libs/user/profile/components/address-book/address-book.component.ts
+++ b/feature-libs/user/profile/components/address-book/address-book.component.ts
@@ -109,7 +109,7 @@ export class AddressBookComponent implements OnInit {
           const numbers = getAddressNumbers(address, textPhone, textMobile);
 
           return {
-            role: 'region',
+            role: 'application',
             textBold: address.firstName + ' ' + address.lastName,
             text: [
               address.line1,
diff --git a/projects/storefrontlib/cms-components/myaccount/payment-methods/payment-methods.component.ts b/projects/storefrontlib/cms-components/myaccount/payment-methods/payment-methods.component.ts
index c976cac5f57..b37be2bef77 100644
--- a/projects/storefrontlib/cms-components/myaccount/payment-methods/payment-methods.component.ts
+++ b/projects/storefrontlib/cms-components/myaccount/payment-methods/payment-methods.component.ts
@@ -83,7 +83,7 @@ export class PaymentMethodsComponent implements OnInit {
           }
           actions.push({ name: textDelete, event: 'edit' });
           const card: Card = {
-            role: 'region',
+            role: 'application',
             header: defaultPayment ? textDefaultPaymentMethod : undefined,
             textBold: accountHolderName,
             text: [cardNumber ?? '', textExpires],
diff --git a/projects/storefrontlib/shared/components/card/card.component.html b/projects/storefrontlib/shared/components/card/card.component.html
index 8f1fd3f0557..9e7907c9eb6 100644
--- a/projects/storefrontlib/shared/components/card/card.component.html
+++ b/projects/storefrontlib/shared/components/card/card.component.html
@@ -6,6 +6,7 @@
   [attr.aria-label]="
     content.label ? (content.label | cxTranslate: { number: this.index }) : null
   "
+  [attr.aria-describedby]="ariaDescribedBy"
   [class.cx-card-border]="border"
   [class.cx-card-fit-to-container]="fitToContainer"
 >
@@ -28,7 +29,7 @@
       {{ content.title }}
     </span>
     <!-- Card Content -->
-    <div class="cx-card-container">
+    <div class="cx-card-container" [id]="ariaDescribedBy">
       <!-- Card Label -->
       <div class="cx-card-label-container">
         <div *ngIf="content.textBold" class="cx-card-label-bold">
diff --git a/projects/storefrontlib/shared/components/card/card.component.ts b/projects/storefrontlib/shared/components/card/card.component.ts
index 9c6c1ddfeb0..4704b7831b0 100644
--- a/projects/storefrontlib/shared/components/card/card.component.ts
+++ b/projects/storefrontlib/shared/components/card/card.component.ts
@@ -127,4 +127,8 @@ export class CardComponent implements OnInit {
   ngOnInit() {
     // Intentional empty method
   }
+
+  protected get ariaDescribedBy() {
+    return `cx-card-container-${this.index}`;
+  }
 }