fix(accessibilite): modification des labels des champs recherches pour l'ouverture de lien externe (règle 7.4) (#6800)

Author: maxgfr

packages/code-du-travail-frontend/src/modules/home/Components/HomeSearch.tsx

@@ -72,7 +72,14 @@ export const HomeSearch = () => {
       <div className={fr.cx("fr-col-12", "fr-col-md-8")}>
         <Autocomplete<string>
           hintText="par exemple : congés payés, durée de préavis"
-          label={<>{label}</>}
+          label={
+            <>
+              {label}{" "}
+              <span className={fr.cx("fr-sr-only")}>
+                , la sélection d&apos;une option charge une nouvelle page
+              </span>
+            </>
+          }
           displayLabel={(item) => item ?? ""}
           onInputValueChange={(value) => {
             if (value) {

packages/code-du-travail-frontend/src/modules/layout/header/HeaderSearch.tsx

@@ -38,7 +38,9 @@ export const HeaderSearch = ({ onSearchSubmit }: HeaderSearchProps) => {
             }}
           >
             <Autocomplete<string>
-              label="Rechercher sur le site"
+              label={
+                "Recherchez sur le site, la sélection d'une option charge une nouvelle page"
+              }
               placeholder="Rechercher sur le site"
               isSearch
               displayLabel={(data) => data ?? ""}