fix(a11y): more improvements (#1495)

italia · Dec 13, 2024 · ebf7224 · ebf7224
1 parent 55dac5b
commit ebf7224
Show file tree

Hide file tree

Showing 7 changed files with 9 additions and 5 deletions.
diff --git a/src/components/list-archive-ds-tags/list-archive-ds-tags.js b/src/components/list-archive-ds-tags/list-archive-ds-tags.js
@@ -24,7 +24,7 @@ function ListArchiveDSTags() {
   `);
 
   return (
-    <section className="pb-5" aria-describedby="archive-list-title">
+    <section className="pb-5" aria-labelledby="archive-list-title">
       <div className="d-md-flex flex-row align-items-center">
         <h3 className="border-end pe-4" id="archive-list-title">
           Esplora per utilizzo

diff --git a/src/components/list-archive-events/list-archive-events.js b/src/components/list-archive-events/list-archive-events.js
@@ -67,7 +67,7 @@ function ListArchiveEvents({ background, noSpace }) {
   });
 
   return (
-    <section className={styles} aria-describedby="archive-list-title">
+    <section className={styles} aria-labelledby="archive-list-title">
       <div className="container-xxl">
         <div className="row">
           <div className="col-12 g-0">

diff --git a/src/components/list-archive-media/list-archive-media.js b/src/components/list-archive-media/list-archive-media.js
@@ -60,7 +60,7 @@ function ListArchiveMedia({ background, noSpace }) {
   };
 
   return (
-    <section className={styles} aria-describedby="archive-list-title">
+    <section className={styles} aria-labelledby="archive-list-title">
       <div className="container-xxl">
         <div className="row">
           <div className="col-12 g-0">

diff --git a/src/components/list-archive-news/list-archive-news.js b/src/components/list-archive-news/list-archive-news.js
@@ -67,7 +67,7 @@ function ListArchiveNews({ background, noSpace }) {
   });
 
   return (
-    <section className={styles} aria-describedby="archive-list-title">
+    <section className={styles} aria-labelledby="archive-list-title">
       <div className="container-xxl">
         <div className="row">
           <div className="col-12 g-0">

diff --git a/src/components/search-main/search-main.js b/src/components/search-main/search-main.js
@@ -98,6 +98,7 @@ function SearchMain({ location, maxResults, title, suggest }) {
             <div
               className="search-main-content px-3 py-5 px-lg-0 px-lg-5 py-lg-6"
               role="search"
+              aria-labelledby="searchHomeTitle"
             >
               {title && (
                 <div className="text-container mb-5">

diff --git a/src/data/content/index.yaml b/src/data/content/index.yaml
@@ -77,6 +77,7 @@ components:
 
   sectionIntro:
     title: In evidenza
+    id: HLsTitle
     subtitle: Storie da copertina che ti guidano alle ultime attività
     isHome: true
 
@@ -129,7 +130,7 @@ components:
           addonStyle: mb-3
 
   highlightCards:
-    id: strumenti
+    id: toolsTitle
     title: "Crea servizi pubblici digitali con strumenti pronti all'uso" #C
     text: Hai a tua disposizione la cassetta degli attrezzi per realizzare servizi semplici, accessibili, inclusivi, che riducono le disuguaglianze e rispettano le norme. #C
     background: white
@@ -198,6 +199,7 @@ components:
     #   alt: Alt lorem ipsum #C
 
   sectionIntroImg:
+    id: communityTitle
     title: Prendi parte alla community
     subtitle: Contribuisci a Designers Italia, partecipa agli eventi e confrontati sulle buone pratiche del settore pubblico.
     background: light

diff --git a/src/pages/{content.relativePath}.js b/src/pages/{content.relativePath}.js
@@ -523,6 +523,7 @@ export const query = graphql`
           }
         }
         sectionIntroImg {
+          id
           title
           subtitle
           background
-Original file line number
+Diff line change
@@ Expand Up / @@ -523,6 +523,7 @@ export const query = graphql` @@
               }
             }
             sectionIntroImg {
+              id
               title
               subtitle
               background
@@ Expand Down @@