fix: a11y improvements (#1493)

italia · Dec 13, 2024 · a8fc99c · a8fc99c
1 parent 39b310f
commit a8fc99c
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/src/components/search-main/search-main.js b/src/components/search-main/search-main.js
@@ -91,7 +91,7 @@ function SearchMain({ location, maxResults, title, suggest }) {
   };
 
   return (
-    <section className={styles}>
+    <section className={styles} aria-labelledby="searchHomeTitle">
       <div className="container-xxl">
         <div className="row">
           <div className="col-12 g-0">
@@ -101,7 +101,7 @@ function SearchMain({ location, maxResults, title, suggest }) {
             >
               {title && (
                 <div className="text-container mb-5">
-                  {title && <h2>{title}</h2>}
+                  {title && <h2 id="searchHomeTitle">{title}</h2>}
                 </div>
               )}
               {suggest && (

diff --git a/src/components/section/section.js b/src/components/section/section.js
@@ -10,7 +10,7 @@ function Section({ background, bgImage, whiteText, describedBy, children }) {
   return (
     <section
       className={sectionnStyles}
-      aria-describedby={describedBy}
+      aria-labelledby={describedBy}
       style={{ backgroundImage: `url(${bgImage})` }}
     >
       <div className="section-content">{children}</div>

diff --git a/src/components/subscribe/subscribe.js b/src/components/subscribe/subscribe.js
@@ -96,6 +96,7 @@ function Subscribe({
           <input
             type="email"
             className="form-control"
+            autoComplete="email"
             required
             id={id}
             name="email"