fix(Carousel): add missing aria-label on dots (#2489)

nuxt · Oct 29, 2024 · 03dd1eb · 03dd1eb
1 parent 77d18d8
commit 03dd1eb
Showing 1 changed file with 5 additions and 1 deletion.
diff --git 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>