Merge pull request #309 from m-maillot/fix/accessible-error

garronej · web-flow · commit cfd4b33e3988 · 2024-09-16T18:08:38.000+02:00
fix(header): define an aria-label on the input search button for accessibility
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(`