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

m-maillot · m-maillot · commit 6495ff2ab7fa · 2024-09-16T17:13:58.000+02:00
diff --git a/src/Header/Header.tsx b/src/Header/Header.tsx
@@ -366,6 +366,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(

Original file line number	Diff line number	Diff line change
`@@ -366,6 +366,7 @@ export const Header = memo(`
`366`	`366`	`<div`
`367`	`367`	`className={fr.cx("fr-header__search", "fr-modal")}`
`368`	`368`	`id={searchModalId}`
	`369`	+ aria-labelledby={`${id}-search-bar-button`}
`369`	`370`	`>`
`370`	`371`	`<div`
`371`	`372`	`className={fr.cx(`