From 03dd1eba7ece4c48393960dc6c725be3a1eec776 Mon Sep 17 00:00:00 2001
From: "Fabian B." <32813692+madebyfabian@users.noreply.github.com>
Date: Tue, 29 Oct 2024 18:31:13 +0100
Subject: [PATCH] fix(Carousel): add missing `aria-label` on dots (#2489)

---
 src/runtime/components/Carousel.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/runtime/components/Carousel.vue b/src/runtime/components/Carousel.vue
index 5b5cc1c7..c9d0542f 100644
--- a/src/runtime/components/Carousel.vue
+++ b/src/runtime/components/Carousel.vue
@@ -298,7 +298,11 @@ defineExpose({
 
       <div v-if="dots" :class="ui.dots({ class: props.ui?.dots })">
         <template v-for="(_, index) in scrollSnaps" :key="index">
-          <button :class="ui.dot({ class: props.ui?.dot, active: selectedIndex === index })" @click="scrollTo(index)" />
+          <button
+            :aria-label="`Go to slide ${index + 1}`"
+            :class="ui.dot({ class: props.ui?.dot, active: selectedIndex === index })"
+            @click="scrollTo(index)"
+          />
         </template>
       </div>
     </div>