From ae4fc2838f1dd40c83c1738afa65c1ee4160c74e Mon Sep 17 00:00:00 2001
From: MewenLeHo <mewen.leho.ext@orange.com>
Date: Fri, 11 Mar 2022 11:56:30 +0100
Subject: [PATCH] feat #1112 (carousel pause button): add accessibility
 attributes

---
 js/src/carousel.js | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/js/src/carousel.js b/js/src/carousel.js
index 3ff9f8de0d..39a9584d6b 100644
--- a/js/src/carousel.js
+++ b/js/src/carousel.js
@@ -172,6 +172,13 @@ class Carousel extends BaseComponent {
     }
     // End mod
 
+    // Boosted mod: if a play-pause button is present, reset the button to pause on mouseleave
+    if (this._element.nextElementSibling.hasAttribute('data-bs-control') && this._element.nextElementSibling.classList.contains('play')) {
+      this._element.nextElementSibling.classList.toggle('play')
+      this._element.nextElementSibling.classList.toggle('pause')
+    }
+    // End mod
+
     if (!event) {
       this._stayPaused = false
     }
@@ -509,10 +516,14 @@ class Carousel extends BaseComponent {
       carouselToPause.pause()
       pauseButton.classList.toggle('pause')
       pauseButton.classList.toggle('play')
+      pauseButton.setAttribute('title', 'Play Carousel')
+      pauseButton.setAttribute('aria-label', 'Play Carousel')
     } else {
       carouselToPause.cycle()
       pauseButton.classList.toggle('pause')
       pauseButton.classList.toggle('play')
+      pauseButton.setAttribute('title', 'Pause Carousel')
+      pauseButton.setAttribute('aria-label', 'Pause Carousel')
     }
   }
   // End mod