Skip to content

Commit bd4983a

Browse files
author
Nicolas AMBROISE
committed
Improve accessibility of carousel controls
1 parent dfaa94d commit bd4983a

File tree

1 file changed

+4
-0
lines changed
  • content/src/content/jcr_root/apps/core/wcm/components/carousel/v1/carousel

1 file changed

+4
-0
lines changed

content/src/content/jcr_root/apps/core/wcm/components/carousel/v1/carousel/controls.html

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,13 +19,15 @@
1919
<button class="cmp-carousel__action cmp-carousel__action--previous"
2020
type="button"
2121
aria-label="${carousel.accessibilityPrevious || 'Previous' @ i18n}"
22+
title="${carousel.accessibilityPrevious || 'Previous' @ i18n}"
2223
data-cmp-hook-carousel="previous">
2324
<span class="cmp-carousel__action-icon"></span>
2425
<span class="cmp-carousel__action-text">${carousel.accessibilityPrevious || 'Previous' @ i18n}</span>
2526
</button>
2627
<button class="cmp-carousel__action cmp-carousel__action--next"
2728
type="button"
2829
aria-label="${carousel.accessibilityNext || 'Next' @ i18n}"
30+
title="${carousel.accessibilityNext || 'Next' @ i18n}"
2931
data-cmp-hook-carousel="next">
3032
<span class="cmp-carousel__action-icon"></span>
3133
<span class="cmp-carousel__action-text">${carousel.accessibilityNext || 'Next' @ i18n}</span>
@@ -34,6 +36,7 @@
3436
class="cmp-carousel__action cmp-carousel__action--pause"
3537
type="button"
3638
aria-label="${carousel.accessibilityPause || 'Pause' @ i18n}"
39+
title="${carousel.accessibilityPause || 'Pause' @ i18n}"
3740
data-cmp-hook-carousel="pause">
3841
<span class="cmp-carousel__action-icon"></span>
3942
<span class="cmp-carousel__action-text">${carousel.accessibilityPause || 'Pause' @ i18n}</span>
@@ -42,6 +45,7 @@
4245
class="cmp-carousel__action cmp-carousel__action--play cmp-carousel__action--disabled"
4346
type="button"
4447
aria-label="${carousel.accessibilityPlay || 'Play' @ i18n}"
48+
title="${carousel.accessibilityPlay || 'Play' @ i18n}"
4549
data-cmp-hook-carousel="play">
4650
<span class="cmp-carousel__action-icon"></span>
4751
<span class="cmp-carousel__action-text">${carousel.accessibilityPlay || 'Play' @ i18n}</span>

0 commit comments

Comments
 (0)