fix(esl-carousel): a11ty targets for arrow controls

Co-authored-by: Anna Barmina <[email protected]>
exadel-inc · Jul 22, 2024 · 8240921 · 8240921
1 parent 0fa0ac7
commit 8240921
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/modules/esl-carousel/plugin/dots/esl-carousel.nav.dots.ts b/src/modules/esl-carousel/plugin/dots/esl-carousel.nav.dots.ts
@@ -127,7 +127,7 @@ export class ESLCarouselNavDots extends ESLBaseElement {
 
   /** @returns accessible target ID */
   public get targetID(): string {
-    return this.$carousel ? this.$carousel.$slidesArea.id : '';
+    return this.$carousel?.id || '';
   }
 
   @ready

diff --git a/src/modules/esl-carousel/plugin/nav/esl-carousel.nav.mixin.ts b/src/modules/esl-carousel/plugin/nav/esl-carousel.nav.mixin.ts
@@ -42,7 +42,7 @@ export class ESLCarouselNavMixin extends ESLMixinElement {
 
   /** @returns accessible target ID */
   public get targetID(): string {
-    return this.$carousel?.$slidesArea?.id || '';
+    return this.$carousel?.id || '';
   }
 
   @ready