From cb8b1fd0793f82b16b3e8c7f1dfb793d78f0bd1f Mon Sep 17 00:00:00 2001
From: sdrozdsap <163305268+sdrozdsap@users.noreply.github.com>
Date: Fri, 20 Dec 2024 13:14:25 +0100
Subject: [PATCH] fix: use role button for carousel slide indicators (#19790)

---
 .../shared/components/carousel/carousel.component.html     | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/projects/storefrontlib/shared/components/carousel/carousel.component.html b/projects/storefrontlib/shared/components/carousel/carousel.component.html
index 74fcf0e9779..23759f3e7e7 100644
--- a/projects/storefrontlib/shared/components/carousel/carousel.component.html
+++ b/projects/storefrontlib/shared/components/carousel/carousel.component.html
@@ -96,11 +96,7 @@ <h2 *ngIf="title">{{ title }}</h2>
     </ng-container>
   </div>
 
-  <div
-    *ngIf="!hideIndicators && size < items.length"
-    role="tablist"
-    class="indicators"
-  >
+  <div *ngIf="!hideIndicators && size < items.length" class="indicators">
     <ng-container *ngFor="let _ of items; let i = index">
       <!-- TODO: (CXSPA-6904) - Remove feature flag next major release -->
       <ng-container *cxFeature="'a11yFocusableCarouselControls'">
@@ -125,7 +121,6 @@ <h2 *ngIf="title">{{ title }}</h2>
                     numberOfSlides: size,
                   }
           "
-          role="tab"
         >
           <cx-icon [type]="indicatorIcon" aria-hidden="true"></cx-icon>
         </button>