From 6ece10e73763187b6d360da63eadc6f7c0d0f256 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=A9my=20Munsch?= <jeremy.munsch@ldc.fr>
Date: Wed, 20 Dec 2023 11:50:35 +0100
Subject: [PATCH] Fix on a11y carousel play/pause btn

---
 ts/pages/home.ts           | 2 ++
 views/pages/home.blade.php | 8 +++++---
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/ts/pages/home.ts b/ts/pages/home.ts
index f684535..6603d6a 100644
--- a/ts/pages/home.ts
+++ b/ts/pages/home.ts
@@ -23,9 +23,11 @@ document.addEventListener("DOMContentLoaded", function () {
                 if (!isRunning) {
                     playPauseBtn.children.item(0)?.classList.remove("d-none");
                     playPauseBtn.children.item(1)?.classList.add("d-none");
+                    playPauseBtn.setAttribute('title', String(playPauseBtn.dataset['play']));
                 } else {
                     playPauseBtn.children.item(0)?.classList.add("d-none");
                     playPauseBtn.children.item(1)?.classList.remove("d-none");
+                    playPauseBtn.setAttribute('title', String(playPauseBtn.dataset['stop']));
                 }
             };
             playPauseBtn.addEventListener("click", () => {
diff --git a/views/pages/home.blade.php b/views/pages/home.blade.php
index 95a094a..c813da7 100644
--- a/views/pages/home.blade.php
+++ b/views/pages/home.blade.php
@@ -137,9 +137,11 @@
 
             <div class="carousel slide mt-5" id="carousel-lots" data-bs-pause="false" data-bs-touch="true">
                 <div class="carousel-indicators">
-                    <button class="btn-control btn btn-sm btn-link ms-1 mt-1" id="coupons-carousel-play-btn">
-                        <i class="fa-solid fa-play"></i>
-                        <i class="fa-solid fa-pause d-none"></i>
+                    <button class="btn-control btn btn-sm btn-link ms-1 mt-1" id="coupons-carousel-play-btn"
+                        data-stop="{{ __('Arrêter le carousel') }}" data-play="{{ __('Lancer le carousel') }}" type="button"
+                        title="{{ __('Lancer ou arrêter le carousel') }}">
+                        <i class="fa-solid fa-play" aria-hidden="true"></i>
+                        <i class="fa-solid fa-pause d-none" aria-hidden="true"></i>
                     </button>
                     @foreach ($prizesGlobal as $prizeIndex => $prizeModel)
                         <button class="bg-quint @if ($loop->first) active @endif" data-bs-target="#carousel-lots"