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

This commit is contained in:
Fabian B.
2024-10-29 18:31:13 +01:00
committed by GitHub
parent 77d18d8ab7
commit 03dd1eba7e

View File

@@ -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>