From aa92248658fe871d5aa109068fafa39c055686b3 Mon Sep 17 00:00:00 2001
From: Martial Maillot <martial.maillot@gmail.com>
Date: Thu, 12 Sep 2024 15:24:44 +0200
Subject: [PATCH] fix(header): define an aria-label on the input search button
 for accessibility

---
 src/Header/Header.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/Header/Header.tsx b/src/Header/Header.tsx
index 0f30f20e..bb5406d1 100644
--- a/src/Header/Header.tsx
+++ b/src/Header/Header.tsx
@@ -298,6 +298,7 @@ export const Header = memo(
                                                         data-fr-opened={false}
                                                         aria-controls={searchModalId}
                                                         title={tSearchBar("label")}
+                                                        aria-label={tSearchBar("label")}
                                                     >
                                                         {tSearchBar("label")}
                                                     </button>
@@ -366,6 +367,7 @@ export const Header = memo(
                                             <div
                                                 className={fr.cx("fr-header__search", "fr-modal")}
                                                 id={searchModalId}
+                                                aria-labelledby={`${id}-search-bar-button`}
                                             >
                                                 <div
                                                     className={fr.cx(