fix(header): define an aria-label on the input search button for acce…

…ssibility
codegouvfr · Sep 16, 2024 · aa92248 · aa92248
1 parent caee6c1
commit aa92248
Showing 1 changed file with 2 additions and 0 deletions.
diff --git 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(