feat: rgaa liaison entre bouton oui-non et titre

SocialGouv · Dec 19, 2024 · 2d6fe5a · 2d6fe5a
1 parent 0179128
commit 2d6fe5a
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/packages/code-du-travail-frontend/src/modules/layout/feedback/FeedbackDefault.tsx b/packages/code-du-travail-frontend/src/modules/layout/feedback/FeedbackDefault.tsx
@@ -10,7 +10,7 @@ export const FeedbackDefault = (props: Props) => {
   return (
     <div className="fr-grid-row">
       <div className="fr-col-12 fr-col-md">
-        <h2 className={fr.cx("fr-h5", "fr-mb-md-0")}>
+        <h2 className={fr.cx("fr-h5", "fr-mb-md-0")} id="feedback-title">
           Avez-vous trouvé la réponse à votre question ?
         </h2>
       </div>
@@ -20,10 +20,16 @@ export const FeedbackDefault = (props: Props) => {
           priority="secondary"
           className={fr.cx("fr-mr-2w")}
           onClick={props.onClickNo}
+          aria-describedby="feedback-title"
         >
           Non
         </Button>
-        <Button type="button" priority="secondary" onClick={props.onClickYes}>
+        <Button
+          type="button"
+          priority="secondary"
+          onClick={props.onClickYes}
+          aria-describedby="feedback-title"
+        >
           Oui
         </Button>
       </div>