From 25a48b791dadb377f6f70cf5e443fedb6e92d5d8 Mon Sep 17 00:00:00 2001
From: CatherineCaronCSRT <Catherine.Caron@csrt.ulaval.ca>
Date: Wed, 13 Nov 2024 07:56:46 -0500
Subject: [PATCH] BSW-2973 rendre le label du bouton de recherche traduisible

---
 assets/src/js/normes.js | 11 ++++-------
 subunit.html            |  2 +-
 unit--no-submenu.html   |  2 +-
 unit--with-submenu.html |  4 ++--
 university.html         |  2 +-
 5 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/assets/src/js/normes.js b/assets/src/js/normes.js
index 1a54587..f7c6561 100644
--- a/assets/src/js/normes.js
+++ b/assets/src/js/normes.js
@@ -17,12 +17,9 @@ var closeMainMenu = function () {
 var closeMainSearch = function () {
   document.querySelector(".header-search").classList.remove("open");
   document.removeEventListener("keydown", detectBackTabOnSearchBar);
-  document
-    .querySelector(".header-search-trigger")
-    .setAttribute("aria-expanded", "false");
-  document
-    .querySelector(".header-search-trigger")
-    .setAttribute("aria-label", "Ouvrir le menu de recherche");
+  let trigger = document.querySelector(".header-search-trigger");
+  trigger.setAttribute("aria-expanded", "false")
+  trigger.setAttribute("aria-label", trigger.getAttribute("data-open-search-label"));
 };
 
 // Fermeture du moteur de recherche
@@ -121,7 +118,7 @@ if ((searchBarButton = document.querySelector(".header-search-trigger"))) {
       document.querySelector(".header-search-input").focus();
       document.addEventListener("keydown", detectBackTabOnSearchBar);
       this.setAttribute("aria-expanded", "true");
-      this.setAttribute("aria-label", "Fermer le menu de recherche");
+      this.setAttribute("aria-label", this.getAttribute("data-close-search-label"));
     } else {
       closeMainSearch();
     }
diff --git a/subunit.html b/subunit.html
index 4a28d3e..eb8d18c 100644
--- a/subunit.html
+++ b/subunit.html
@@ -89,7 +89,7 @@
             </nav>
 
             <div class="header-main-utilities">
-              <button type="button" class="header-search-trigger header-main-utilities-action" aria-expanded="false" aria-controls="header-search" aria-label="Ouvrir le menu de recherche">
+              <button type="button" class="header-search-trigger header-main-utilities-action" aria-expanded="false" aria-controls="header-search" data-open-search-label="Ouvrir le menu de recherche" data-close-search-label="Fermer le menu de recherche" aria-label="Ouvrir le menu de recherche">
                 <span class="switch-toggle switch-toggle--close">
                   <!-- @TODO: Include this SVG as an inline SVG -->
                   <!-- ./assets/dist/svg/close.svg -->
diff --git a/unit--no-submenu.html b/unit--no-submenu.html
index ed046fc..f13ee97 100644
--- a/unit--no-submenu.html
+++ b/unit--no-submenu.html
@@ -83,7 +83,7 @@
             </nav>
 
             <div class="header-main-utilities">
-              <button type="button" class="header-search-trigger header-main-utilities-action" aria-expanded="false" aria-controls="header-search" aria-label="Ouvrir le menu de recherche">
+              <button type="button" class="header-search-trigger header-main-utilities-action" aria-expanded="false" aria-controls="header-search" data-open-search-label="Ouvrir le menu de recherche" data-close-search-label="Fermer le menu de recherche" aria-label="Ouvrir le menu de recherche">
                 <span class="switch-toggle switch-toggle--close">
                   <!-- @TODO: Include this SVG as an inline SVG -->
                   <!-- ./assets/dist/svg/close.svg -->
diff --git a/unit--with-submenu.html b/unit--with-submenu.html
index 5cd7367..aced12d 100644
--- a/unit--with-submenu.html
+++ b/unit--with-submenu.html
@@ -85,7 +85,7 @@
             </nav>
 
             <div class="header-main-utilities">
-              <button type="button" class="header-search-trigger header-main-utilities-action" aria-expanded="false" aria-controls="header-search" aria-label="Chercher">
+              <button type="button" class="header-search-trigger header-main-utilities-action" aria-expanded="false" aria-controls="header-search" data-open-search-label="Ouvrir le menu de recherche" data-close-search-label="Fermer le menu de recherche" aria-label="Ouvrir le menu de recherche">
                 <span class="switch-toggle switch-toggle--close">
                   <!-- @TODO: Include this SVG as an inline SVG -->
                   <!-- ./assets/dist/svg/close.svg -->
@@ -252,7 +252,7 @@
             <div class="header-search-main">
               <label for="header-search-input" tabindex="-1" class="visually-hidden">Que cherchez-vous?</label>
               <input id="header-search-input" tabindex="0" class="header-search-input" type="search" placeholder="Chercher par mots-clés" name="q" value="" />
-              <button class="header-search-button" tabindex="0" type="submit" value="" aria-label="Ouvrir le menu de recherche">
+              <button class="header-search-button" tabindex="0" type="submit" value="" aria-label="Chercher">
                 <!-- @TODO: Include this SVG as an inline SVG -->
                 <!-- ./assets/dist/svg/search.svg -->
                 <svg aria-hidden="true" aria-role="presentation" class="search" viewBox="0 0 32 32">
diff --git a/university.html b/university.html
index 591425d..0af0e49 100644
--- a/university.html
+++ b/university.html
@@ -95,7 +95,7 @@
             </nav>
 
             <div class="header-main-utilities">
-              <button type="button" class="header-search-trigger header-main-utilities-action" aria-expanded="false" aria-controls="header-search" aria-label="Ouvrir le menu de recherche">
+              <button type="button" class="header-search-trigger header-main-utilities-action" aria-expanded="false" aria-controls="header-search" data-open-search-label="Ouvrir le menu de recherche" data-close-search-label="Fermer le menu de recherche" aria-label="Ouvrir le menu de recherche">
                 <span class="switch-toggle switch-toggle--close">
                   <!-- @TODO: Include this SVG as an inline SVG -->
                   <!-- ./assets/dist/svg/close.svg -->