From cc43200b7bee1444f5149f8e280b25034a835c4f Mon Sep 17 00:00:00 2001
From: Andrea Cecchi <andrea.cecchi85@gmail.com>
Date: Tue, 26 Mar 2024 14:26:18 +0100
Subject: [PATCH 01/19] fix: string formatting for modified date (#608)

---
 src/components/ItaliaTheme/View/Commons/PageMetadata.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ItaliaTheme/View/Commons/PageMetadata.jsx b/src/components/ItaliaTheme/View/Commons/PageMetadata.jsx
index 550b48c0b..025f16973 100644
--- a/src/components/ItaliaTheme/View/Commons/PageMetadata.jsx
+++ b/src/components/ItaliaTheme/View/Commons/PageMetadata.jsx
@@ -25,7 +25,7 @@ const PageMetadata = ({ content, children }) => {
       <span className="font-serif mb-0 mt-4">
         {intl.formatMessage(messages.modified)}:
       </span>{' '}
-      {viewDate(intl.locale, content.modified, 'DD-MM-Y HH:MM')}
+      {viewDate(intl.locale, content.modified, 'DD-MM-Y HH:mm')}
       {children}
     </article>
   );

From e736bed0a399aecd6ec2f399c1c5c70f1192509b Mon Sep 17 00:00:00 2001
From: sabrina-bongiovanni
 <116291154+sabrina-bongiovanni@users.noreply.github.com>
Date: Tue, 26 Mar 2024 17:47:33 +0100
Subject: [PATCH 02/19] fix: added aria-hidden attribute to icons (#594)

* fix: added aria-hidden attribute to icons

* fix: used aria-hidden instead of custom attribute
---
 RELEASE.md                                                   | 1 +
 .../ItaliaTheme/Blocks/IconBlocks/Block/ViewBlock.jsx        | 2 +-
 src/components/ItaliaTheme/Icons/FontAwesomeIcon.jsx         | 5 +++--
 src/components/ItaliaTheme/Icons/Icon.jsx                    | 1 +
 4 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/RELEASE.md b/RELEASE.md
index d24ef00d3..3dc9db607 100644
--- a/RELEASE.md
+++ b/RELEASE.md
@@ -45,6 +45,7 @@
 
 ### Migliorie
 
+- Migliorata l'accessibilità del blocco Icone.
 - ...
 
 ### Novità
diff --git a/src/components/ItaliaTheme/Blocks/IconBlocks/Block/ViewBlock.jsx b/src/components/ItaliaTheme/Blocks/IconBlocks/Block/ViewBlock.jsx
index 6af951579..5a638ba5d 100644
--- a/src/components/ItaliaTheme/Blocks/IconBlocks/Block/ViewBlock.jsx
+++ b/src/components/ItaliaTheme/Blocks/IconBlocks/Block/ViewBlock.jsx
@@ -37,7 +37,7 @@ const ViewBlock = ({ data, isOpen, toggle, id, index }) => {
       <CardBody tag="div">
         {data.icon?.length > 0 && (
           <div className="iconblock-icon">
-            <Icon icon={data.icon} />
+            <Icon icon={data.icon} aria-hidden={true} />
           </div>
         )}
 
diff --git a/src/components/ItaliaTheme/Icons/FontAwesomeIcon.jsx b/src/components/ItaliaTheme/Icons/FontAwesomeIcon.jsx
index 70b8a39ac..fa17e5fd6 100644
--- a/src/components/ItaliaTheme/Icons/FontAwesomeIcon.jsx
+++ b/src/components/ItaliaTheme/Icons/FontAwesomeIcon.jsx
@@ -35,8 +35,8 @@ const FontAwesomeIcon = (props) => {
       prefixKey === 'fab'
         ? 'brands'
         : prefixKey === 'far'
-          ? 'regular'
-          : 'solid',
+        ? 'regular'
+        : 'solid',
       iconName,
     ];
   };
@@ -74,6 +74,7 @@ const FontAwesomeIcon = (props) => {
           ? `<title>${title}</title>${loadedIcon.module.content}`
           : loadedIcon.module.content,
       }}
+      aria-hidden={props['aria-hidden']}
     />
   ) : icon ? (
     <span className={`icon fa-icon placeholder ${className ?? ''}`}></span>
diff --git a/src/components/ItaliaTheme/Icons/Icon.jsx b/src/components/ItaliaTheme/Icons/Icon.jsx
index 06939fb88..e768ec6b2 100644
--- a/src/components/ItaliaTheme/Icons/Icon.jsx
+++ b/src/components/ItaliaTheme/Icons/Icon.jsx
@@ -12,6 +12,7 @@ import { FontAwesomeIcon } from 'design-comuni-plone-theme/components/ItaliaThem
 
 const Icon = (props) => {
   const { icon, className, color, size, padding, ...rest } = props;
+
   if (icon) {
     const classes = classNames(
       'icon',

From 32a008a8dbf0516ff344e7f3579f643546db4acd Mon Sep 17 00:00:00 2001
From: sabrina-bongiovanni
 <116291154+sabrina-bongiovanni@users.noreply.github.com>
Date: Wed, 27 Mar 2024 15:34:36 +0100
Subject: [PATCH 03/19] fix: added role='button' to search link (#611)

* fix: added role='button' to search link

* fix: changed link for search in case js is not enabled
---
 RELEASE.md                                                     | 1 +
 .../ItaliaTheme/Header/HeaderSearch/HeaderSearch.jsx           | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/RELEASE.md b/RELEASE.md
index 3dc9db607..5eb0812fb 100644
--- a/RELEASE.md
+++ b/RELEASE.md
@@ -45,6 +45,7 @@
 
 ### Migliorie
 
+- Migliorata l'accessibilità del bottone "Ricerca".
 - Migliorata l'accessibilità del blocco Icone.
 - ...
 
diff --git a/src/components/ItaliaTheme/Header/HeaderSearch/HeaderSearch.jsx b/src/components/ItaliaTheme/Header/HeaderSearch/HeaderSearch.jsx
index a3a1797b2..96fbea568 100644
--- a/src/components/ItaliaTheme/Header/HeaderSearch/HeaderSearch.jsx
+++ b/src/components/ItaliaTheme/Header/HeaderSearch/HeaderSearch.jsx
@@ -32,7 +32,8 @@ const HeaderSearch = () => {
             e.preventDefault();
             setShowSearchModal(true);
           }}
-          href="#search"
+          href="/search"
+          role="button"
         >
           <Icon icon="it-search" />
         </a>

From 0d7e84b7eb7c24cb4fe850ccd69e9b0749ab86b5 Mon Sep 17 00:00:00 2001
From: Giulia Ghisini <51911425+giuliaghisini@users.noreply.github.com>
Date: Wed, 27 Mar 2024 15:37:41 +0100
Subject: [PATCH 04/19] fix: updated volto-form-block (#613)

---
 package.json |  2 +-
 yarn.lock    | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index f6125dc02..1dccb4e79 100644
--- a/package.json
+++ b/package.json
@@ -146,7 +146,7 @@
     "volto-dropdownmenu": "4.1.1",
     "volto-editablefooter": "5.1.0",
     "volto-feedback": "0.3.0",
-    "volto-form-block": "3.7.1",
+    "volto-form-block": "3.7.2",
     "volto-gdpr-privacy": "2.1.1",
     "volto-google-analytics": "2.0.0",
     "volto-multilingual-widget": "3.0.0",
diff --git a/yarn.lock b/yarn.lock
index 8ae76f1ce..95e487373 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6576,7 +6576,7 @@ __metadata:
     volto-dropdownmenu: 4.1.1
     volto-editablefooter: 5.1.0
     volto-feedback: 0.3.0
-    volto-form-block: 3.7.1
+    volto-form-block: 3.7.2
     volto-gdpr-privacy: 2.1.1
     volto-google-analytics: 2.0.0
     volto-multilingual-widget: 3.0.0
@@ -14355,9 +14355,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"volto-form-block@npm:3.7.1":
-  version: 3.7.1
-  resolution: "volto-form-block@npm:3.7.1"
+"volto-form-block@npm:3.7.2":
+  version: 3.7.2
+  resolution: "volto-form-block@npm:3.7.2"
   dependencies:
     "@hcaptcha/react-hcaptcha": ^0.3.6
     file-saver: ^2.0.5
@@ -14366,7 +14366,7 @@ __metadata:
   peerDependencies:
     "@plone/volto": ">=16.0.0-alpha.38"
     volto-subblocks: ^2.0.0
-  checksum: 6cdbcb91d5bca43fa4ee828e7816df37573816854552fd00965053dd7f2496c8ee4c87838cbaa9d5e10b5496b51da1ed573ff3c300806f8d7a2e0ad55a8ca962
+  checksum: 7387a1b85a877c3da5dd800b33b6a01673ef60e2bcecd2c25cafd22f8474bf167e0f39befc289d2ae8614abf35fdd424066dd83a77ad0bdced2d297ef8652eeb
   languageName: node
   linkType: hard
 

From 661ba6ec6ee732127a4b1d76caf85869266221a7 Mon Sep 17 00:00:00 2001
From: sabrina-bongiovanni
 <116291154+sabrina-bongiovanni@users.noreply.github.com>
Date: Wed, 27 Mar 2024 15:45:52 +0100
Subject: [PATCH 05/19] fix: added styles to spread out card-image-wrapper div
 (#614)

* fix: added col class to spread out card-image-wrapper div

* fix: added width property to card-image-wrapper in cardPersona

* chore: fixed release.md

* docs: release log

* docs: release log

---------

Co-authored-by: Piero Nicolli <piero.nicolli@redturtle.it>
---
 RELEASE.md                                         | 3 +--
 src/theme/ItaliaTheme/Components/_cardPersona.scss | 1 +
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/RELEASE.md b/RELEASE.md
index 5eb0812fb..2096e1dc6 100644
--- a/RELEASE.md
+++ b/RELEASE.md
@@ -47,7 +47,6 @@
 
 - Migliorata l'accessibilità del bottone "Ricerca".
 - Migliorata l'accessibilità del blocco Icone.
-- ...
 
 ### Novità
 
@@ -55,7 +54,7 @@
 
 ### Fix
 
-- ...
+- Aggiustato il layout della card per il CT persone quando è impostata un'immagine.
 
 ## Versione 11.8.0 (19/03/2024)
 
diff --git a/src/theme/ItaliaTheme/Components/_cardPersona.scss b/src/theme/ItaliaTheme/Components/_cardPersona.scss
index ce217efce..9faaf81c7 100644
--- a/src/theme/ItaliaTheme/Components/_cardPersona.scss
+++ b/src/theme/ItaliaTheme/Components/_cardPersona.scss
@@ -3,6 +3,7 @@
     display: flex;
     flex: 1;
     align-items: flex-start;
+    width: 100%;
   }
 
   .card-body {

From 4e5c352e783c969a12b626ecb4fd356863192369 Mon Sep 17 00:00:00 2001
From: Giulia Ghisini <51911425+giuliaghisini@users.noreply.github.com>
Date: Wed, 27 Mar 2024 15:53:42 +0100
Subject: [PATCH 06/19] feat: added ppt icon file format (#615)

---
 src/helpers/IconWidget/IconAliasHelper.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/helpers/IconWidget/IconAliasHelper.js b/src/helpers/IconWidget/IconAliasHelper.js
index 7cbfdbfed..8a6f9866b 100644
--- a/src/helpers/IconWidget/IconAliasHelper.js
+++ b/src/helpers/IconWidget/IconAliasHelper.js
@@ -218,6 +218,7 @@ export const fontAwesomeAliases = {
   'field-hockey': 'field-hockey-stick-ball',
   'fighter-jet': 'jet-fighter',
   'file-alt': 'file-lines',
+  'file-ppt': 'file-powerpoint',
   'file-archive': 'file-zipper',
   'file-chart-line': 'file-chart-column',
   'file-download': 'file-arrow-down',

From 6b2a26dd3d5206bff141c39945bf6792479dbb83 Mon Sep 17 00:00:00 2001
From: Martina Bustacchini <41484878+deodorhunter@users.noreply.github.com>
Date: Wed, 27 Mar 2024 15:54:07 +0100
Subject: [PATCH 07/19] fix: p instead of headings in BrandText for a11y (#616)

---
 src/components/ItaliaTheme/BrandText/BrandText.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/ItaliaTheme/BrandText/BrandText.jsx b/src/components/ItaliaTheme/BrandText/BrandText.jsx
index 44ac44469..2372068a3 100644
--- a/src/components/ItaliaTheme/BrandText/BrandText.jsx
+++ b/src/components/ItaliaTheme/BrandText/BrandText.jsx
@@ -7,12 +7,12 @@ const BrandText = ({ mobile = false, subsite }) => {
   const intl = useIntl();
   return (
     <div className="it-brand-text">
-      <h2 className="no_toc">
+      <p className="no_toc h2">
         {subsite?.title || getSiteProperty('siteTitle', intl.locale)}
-      </h2>
-      <h3 className={cx('no_toc', { 'd-none d-md-block': !mobile })}>
+      </p>
+      <p className={cx('no_toc h3', { 'd-none d-md-block': !mobile })}>
         {subsite?.description || getSiteProperty('siteSubtitle', intl.locale)}
-      </h3>
+      </p>
     </div>
   );
 };

From 669dfffc42b3b9956396e6d00ee676bdfe798017 Mon Sep 17 00:00:00 2001
From: Martina Bustacchini <41484878+deodorhunter@users.noreply.github.com>
Date: Wed, 27 Mar 2024 16:07:17 +0100
Subject: [PATCH 08/19] fix: alt defaults to item.title for
 CompleteBlockLinksTemplate for accessibility (#617)

* fix: alt defaults to item.title for ListingImages for accessibility

* fix: use alt only for specific listing template
---
 .../ItaliaTheme/Blocks/Listing/Commons/ListingImage.jsx        | 3 +--
 .../ItaliaTheme/Blocks/Listing/CompleteBlockLinksTemplate.jsx  | 1 +
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ItaliaTheme/Blocks/Listing/Commons/ListingImage.jsx b/src/components/ItaliaTheme/Blocks/Listing/Commons/ListingImage.jsx
index f9e128e7a..34031cb52 100644
--- a/src/components/ItaliaTheme/Blocks/Listing/Commons/ListingImage.jsx
+++ b/src/components/ItaliaTheme/Blocks/Listing/Commons/ListingImage.jsx
@@ -16,7 +16,7 @@ const ListingImage = ({
   let commonImageProps = {
     item,
     'aria-hidden': true,
-    alt: '',
+    alt: imageProps.alt ?? '',
     role: 'presentation',
     className,
     loading,
@@ -29,7 +29,6 @@ const ListingImage = ({
   // photogallery needs to check for null image
   // https://stackoverflow.com/questions/33136399/is-there-a-way-to-tell-if-reactelement-renders-null
   const image = Image(commonImageProps);
-
   if (image === null)
     return showDefault ? <img src={DefaultImageSVG} alt="" /> : null;
 
diff --git a/src/components/ItaliaTheme/Blocks/Listing/CompleteBlockLinksTemplate.jsx b/src/components/ItaliaTheme/Blocks/Listing/CompleteBlockLinksTemplate.jsx
index 9a137d09c..504086ad3 100644
--- a/src/components/ItaliaTheme/Blocks/Listing/CompleteBlockLinksTemplate.jsx
+++ b/src/components/ItaliaTheme/Blocks/Listing/CompleteBlockLinksTemplate.jsx
@@ -61,6 +61,7 @@ const CompleteBlockLinksTemplate = (props) => {
               className: '',
               sizes: '60px',
               showTitleAttr: false,
+              alt: item.title,
             });
 
             const BlockExtraTags = getComponentWithFallback({

From 26ae36219955b785d994815f8c041e4c54f7889f Mon Sep 17 00:00:00 2001
From: Sara Bianchi <43245702+SaraBianchi@users.noreply.github.com>
Date: Wed, 27 Mar 2024 16:16:43 +0100
Subject: [PATCH 09/19] feat: added new AttachmentCardTemplate listing
 variation (#603)

* feat: added new AttachmentCardTemplate listing variation

* fix: fixed a11y icon and locales

---------

Co-authored-by: Piero Nicolli <pnicolli@users.noreply.github.com>
---
 RELEASE.md                                    |   2 +-
 locales/de/LC_MESSAGES/volto.po               |  12 ++
 locales/en/LC_MESSAGES/volto.po               |  12 ++
 locales/es/LC_MESSAGES/volto.po               |  12 ++
 locales/fr/LC_MESSAGES/volto.po               |  12 ++
 locales/it/LC_MESSAGES/volto.po               |  12 ++
 locales/volto.pot                             |  14 ++-
 .../Blocks/Listing/AttachmentCardTemplate.jsx | 116 ++++++++++++++++++
 .../ListingOptions/attachmentCardTemplate.js  |  40 ++++++
 src/config/Blocks/ListingOptions/index.js     |   1 +
 src/config/Blocks/listingVariations.js        |  17 +++
 11 files changed, 248 insertions(+), 2 deletions(-)
 create mode 100644 src/components/ItaliaTheme/Blocks/Listing/AttachmentCardTemplate.jsx
 create mode 100644 src/config/Blocks/ListingOptions/attachmentCardTemplate.js

diff --git a/RELEASE.md b/RELEASE.md
index 2096e1dc6..e41dc9a9f 100644
--- a/RELEASE.md
+++ b/RELEASE.md
@@ -50,7 +50,7 @@
 
 ### Novità
 
-- ...
+- Aggiunto una nuova variazione del blocco elenco "Allegati" che permette di scaricare oggetti di tipo File o aprire l'anteprima di file PDF.
 
 ### Fix
 
diff --git a/locales/de/LC_MESSAGES/volto.po b/locales/de/LC_MESSAGES/volto.po
index 35af469fd..e9158aba5 100644
--- a/locales/de/LC_MESSAGES/volto.po
+++ b/locales/de/LC_MESSAGES/volto.po
@@ -859,6 +859,7 @@ msgstr ""
 msgid "assessore_riferimento"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Listing/AttachmentCardTemplate
 #: components/ItaliaTheme/View/Commons/Attachment
 # defaultMessage: Allegato
 msgid "attachment"
@@ -2300,6 +2301,7 @@ msgstr ""
 msgid "legend_required"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Listing/AttachmentCardTemplate
 #: components/ItaliaTheme/Blocks/SearchSections/SideBar
 # defaultMessage: Collegamento
 msgid "link"
@@ -3599,6 +3601,16 @@ msgstr ""
 msgid "show_only_first_ribbon"
 msgstr ""
 
+#: config/Blocks/ListingOptions/attachmentCardTemplate
+# defaultMessage: Permette di aprire l'anteprima di tutti i PDF di questo elenco in una tab separata altrimenti vengono scaricati.
+msgid "show_pdf_desc"
+msgstr ""
+
+#: config/Blocks/ListingOptions/attachmentCardTemplate
+# defaultMessage: Mostra i PDF in anteprima
+msgid "show_pdf_preview"
+msgstr ""
+
 #: config/Blocks/ListingOptions/simpleListTemplate
 # defaultMessage: Mostra elenco puntato
 msgid "show_pointer_list"
diff --git a/locales/en/LC_MESSAGES/volto.po b/locales/en/LC_MESSAGES/volto.po
index 7a22d634d..e70149346 100644
--- a/locales/en/LC_MESSAGES/volto.po
+++ b/locales/en/LC_MESSAGES/volto.po
@@ -844,6 +844,7 @@ msgstr "Councilor of"
 msgid "assessore_riferimento"
 msgstr "Reference councilor"
 
+#: components/ItaliaTheme/Blocks/Listing/AttachmentCardTemplate
 #: components/ItaliaTheme/View/Commons/Attachment
 # defaultMessage: Allegato
 msgid "attachment"
@@ -2285,6 +2286,7 @@ msgstr "Internal services or offices"
 msgid "legend_required"
 msgstr "Fields marked with (*) are required."
 
+#: components/ItaliaTheme/Blocks/Listing/AttachmentCardTemplate
 #: components/ItaliaTheme/Blocks/SearchSections/SideBar
 # defaultMessage: Collegamento
 msgid "link"
@@ -3584,6 +3586,16 @@ msgstr ""
 msgid "show_only_first_ribbon"
 msgstr ""
 
+#: config/Blocks/ListingOptions/attachmentCardTemplate
+# defaultMessage: Permette di aprire l'anteprima di tutti i PDF di questo elenco in una tab separata altrimenti vengono scaricati.
+msgid "show_pdf_desc"
+msgstr "Allows you to open the preview of all the PDFs in this list in a separate tab otherwise they will be downloaded."
+
+#: config/Blocks/ListingOptions/attachmentCardTemplate
+# defaultMessage: Mostra i PDF in anteprima
+msgid "show_pdf_preview"
+msgstr "Show PDFs in preview"
+
 #: config/Blocks/ListingOptions/simpleListTemplate
 # defaultMessage: Mostra elenco puntato
 msgid "show_pointer_list"
diff --git a/locales/es/LC_MESSAGES/volto.po b/locales/es/LC_MESSAGES/volto.po
index 45dab89cb..9ed68f7e2 100644
--- a/locales/es/LC_MESSAGES/volto.po
+++ b/locales/es/LC_MESSAGES/volto.po
@@ -853,6 +853,7 @@ msgstr "Concejal de"
 msgid "assessore_riferimento"
 msgstr "Concejal de referencia"
 
+#: components/ItaliaTheme/Blocks/Listing/AttachmentCardTemplate
 #: components/ItaliaTheme/View/Commons/Attachment
 # defaultMessage: Allegato
 msgid "attachment"
@@ -2294,6 +2295,7 @@ msgstr "Servicios internos u oficinas"
 msgid "legend_required"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Listing/AttachmentCardTemplate
 #: components/ItaliaTheme/Blocks/SearchSections/SideBar
 # defaultMessage: Collegamento
 msgid "link"
@@ -3593,6 +3595,16 @@ msgstr "Mostrar el mapa en ancho completo"
 msgid "show_only_first_ribbon"
 msgstr "Mostrar la cinta solo en la primera tarjeta"
 
+#: config/Blocks/ListingOptions/attachmentCardTemplate
+# defaultMessage: Permette di aprire l'anteprima di tutti i PDF di questo elenco in una tab separata altrimenti vengono scaricati.
+msgid "show_pdf_desc"
+msgstr "Le permite abrir la vista previa de todos los archivos PDF en esta lista en una pestaña separada, de lo contrario, se descargarán."
+
+#: config/Blocks/ListingOptions/attachmentCardTemplate
+# defaultMessage: Mostra i PDF in anteprima
+msgid "show_pdf_preview"
+msgstr "Mostrar archivos PDF en vista previa"
+
 #: config/Blocks/ListingOptions/simpleListTemplate
 # defaultMessage: Mostra elenco puntato
 msgid "show_pointer_list"
diff --git a/locales/fr/LC_MESSAGES/volto.po b/locales/fr/LC_MESSAGES/volto.po
index 0b105fceb..5432a1f62 100644
--- a/locales/fr/LC_MESSAGES/volto.po
+++ b/locales/fr/LC_MESSAGES/volto.po
@@ -861,6 +861,7 @@ msgstr "Conseiller de"
 msgid "assessore_riferimento"
 msgstr "Référence du conseiller"
 
+#: components/ItaliaTheme/Blocks/Listing/AttachmentCardTemplate
 #: components/ItaliaTheme/View/Commons/Attachment
 # defaultMessage: Allegato
 msgid "attachment"
@@ -2302,6 +2303,7 @@ msgstr ""
 msgid "legend_required"
 msgstr "Les champs marqués d'une (*) sont obligatoires."
 
+#: components/ItaliaTheme/Blocks/Listing/AttachmentCardTemplate
 #: components/ItaliaTheme/Blocks/SearchSections/SideBar
 # defaultMessage: Collegamento
 msgid "link"
@@ -3601,6 +3603,16 @@ msgstr ""
 msgid "show_only_first_ribbon"
 msgstr ""
 
+#: config/Blocks/ListingOptions/attachmentCardTemplate
+# defaultMessage: Permette di aprire l'anteprima di tutti i PDF di questo elenco in una tab separata altrimenti vengono scaricati.
+msgid "show_pdf_desc"
+msgstr "Permet d'ouvrir l'aperçu de tous les PDF de cette liste dans un onglet séparé sinon ils seront téléchargés."
+
+#: config/Blocks/ListingOptions/attachmentCardTemplate
+# defaultMessage: Mostra i PDF in anteprima
+msgid "show_pdf_preview"
+msgstr "Afficher les PDF en aperçu"
+
 #: config/Blocks/ListingOptions/simpleListTemplate
 # defaultMessage: Mostra elenco puntato
 msgid "show_pointer_list"
diff --git a/locales/it/LC_MESSAGES/volto.po b/locales/it/LC_MESSAGES/volto.po
index b53d4f229..ea3f12415 100644
--- a/locales/it/LC_MESSAGES/volto.po
+++ b/locales/it/LC_MESSAGES/volto.po
@@ -844,6 +844,7 @@ msgstr "Assessore di"
 msgid "assessore_riferimento"
 msgstr "Assessore di riferimento"
 
+#: components/ItaliaTheme/Blocks/Listing/AttachmentCardTemplate
 #: components/ItaliaTheme/View/Commons/Attachment
 # defaultMessage: Allegato
 msgid "attachment"
@@ -2285,6 +2286,7 @@ msgstr "Servizi o uffici interni"
 msgid "legend_required"
 msgstr "I campi contrassegnati da (*) sono obbligatori."
 
+#: components/ItaliaTheme/Blocks/Listing/AttachmentCardTemplate
 #: components/ItaliaTheme/Blocks/SearchSections/SideBar
 # defaultMessage: Collegamento
 msgid "link"
@@ -3584,6 +3586,16 @@ msgstr "Mostra la mappa a tutta larghezza"
 msgid "show_only_first_ribbon"
 msgstr "Mostra il nastro solo sulla prima card"
 
+#: config/Blocks/ListingOptions/attachmentCardTemplate
+# defaultMessage: Permette di aprire l'anteprima di tutti i PDF di questo elenco in una tab separata altrimenti vengono scaricati.
+msgid "show_pdf_desc"
+msgstr "Permette di aprire l'anteprima di tutti i PDF di questo elenco in una tab separata altrimenti vengono scaricati."
+
+#: config/Blocks/ListingOptions/attachmentCardTemplate
+# defaultMessage: Mostra i PDF in anteprima
+msgid "show_pdf_preview"
+msgstr "Mostra i PDF in anteprima"
+
 #: config/Blocks/ListingOptions/simpleListTemplate
 # defaultMessage: Mostra elenco puntato
 msgid "show_pointer_list"
diff --git a/locales/volto.pot b/locales/volto.pot
index dd3f2d722..21cb64346 100644
--- a/locales/volto.pot
+++ b/locales/volto.pot
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2024-03-07T15:23:38.346Z\n"
+"POT-Creation-Date: 2024-03-27T08:54:22.652Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "MIME-Version: 1.0\n"
@@ -846,6 +846,7 @@ msgstr ""
 msgid "assessore_riferimento"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Listing/AttachmentCardTemplate
 #: components/ItaliaTheme/View/Commons/Attachment
 # defaultMessage: Allegato
 msgid "attachment"
@@ -2287,6 +2288,7 @@ msgstr ""
 msgid "legend_required"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Listing/AttachmentCardTemplate
 #: components/ItaliaTheme/Blocks/SearchSections/SideBar
 # defaultMessage: Collegamento
 msgid "link"
@@ -3586,6 +3588,16 @@ msgstr ""
 msgid "show_only_first_ribbon"
 msgstr ""
 
+#: config/Blocks/ListingOptions/attachmentCardTemplate
+# defaultMessage: Permette di aprire l'anteprima di tutti i PDF di questo elenco in una tab separata altrimenti vengono scaricati.
+msgid "show_pdf_desc"
+msgstr ""
+
+#: config/Blocks/ListingOptions/attachmentCardTemplate
+# defaultMessage: Mostra i PDF in anteprima
+msgid "show_pdf_preview"
+msgstr ""
+
 #: config/Blocks/ListingOptions/simpleListTemplate
 # defaultMessage: Mostra elenco puntato
 msgid "show_pointer_list"
diff --git a/src/components/ItaliaTheme/Blocks/Listing/AttachmentCardTemplate.jsx b/src/components/ItaliaTheme/Blocks/Listing/AttachmentCardTemplate.jsx
new file mode 100644
index 000000000..aee103190
--- /dev/null
+++ b/src/components/ItaliaTheme/Blocks/Listing/AttachmentCardTemplate.jsx
@@ -0,0 +1,116 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import cx from 'classnames';
+import { defineMessages, useIntl } from 'react-intl';
+import { UniversalLink } from '@plone/volto/components';
+import { Container, Card, CardBody, CardTitle } from 'design-react-kit';
+import {
+  Icon,
+  ListingLinkMore,
+} from 'design-comuni-plone-theme/components/ItaliaTheme';
+
+const messages = defineMessages({
+  link: {
+    id: 'link',
+    defaultMessage: 'Collegamento',
+  },
+  attachment: {
+    id: 'attachment',
+    defaultMessage: 'Allegato',
+  },
+});
+
+const AttachmentCardTemplate = ({
+  items,
+  isEditMode,
+  linkTitle,
+  linkHref,
+  show_pdf_preview,
+  show_block_bg,
+  title,
+  id_lighthouse,
+  linkAlign,
+  titleLine,
+  linkmore_id_lighthouse,
+}) => {
+  const intl = useIntl();
+
+  return (
+    <Container className="px-4">
+      <div className="simple-card-compact-template">
+        {title && (
+          <h2
+            className={cx('mb-4', {
+              'mt-5': !show_block_bg,
+              'title-bottom-line': titleLine,
+            })}
+          >
+            {title}
+          </h2>
+        )}
+        <div className="card-wrapper card-teaser-wrapper card-teaser-wrapper-equal card-teaser-block-3 mb-3">
+          {items.map((item, index) => {
+            let itemUrl = { ...item };
+            if (item['@type'] === 'File') {
+              itemUrl = {
+                ...item,
+                file: item,
+                '@id':
+                  show_pdf_preview && item?.mime_type === 'application/pdf'
+                    ? item?.['@id'] + '/@@display-file/file'
+                    : item?.['@id'] + '/@@download/file',
+              };
+            }
+
+            return (
+              <Card
+                className="card card-teaser shadow p-4 mt-3 rounded attachment"
+                noWrapper={true}
+                tag="div"
+              >
+                {item['@type'] === 'File' ? (
+                  <Icon
+                    icon="it-clip"
+                    alt={intl.formatMessage(messages.attachment)}
+                  />
+                ) : (
+                  <Icon
+                    icon="it-link"
+                    alt={intl.formatMessage(messages.link)}
+                  />
+                )}
+                <CardBody tag="div">
+                  <CardTitle tag="h5" className="mb-0">
+                    <UniversalLink
+                      item={!isEditMode ? itemUrl : null}
+                      href={isEditMode ? '#' : null}
+                      data-element={id_lighthouse}
+                    >
+                      {item.title || item.id}
+                    </UniversalLink>
+                  </CardTitle>
+                </CardBody>
+              </Card>
+            );
+          })}
+        </div>
+
+        <ListingLinkMore
+          title={linkTitle}
+          href={linkHref}
+          className="my-4"
+          linkAlign={linkAlign}
+          linkmoreIdLighthouse={linkmore_id_lighthouse}
+        />
+      </div>
+    </Container>
+  );
+};
+
+AttachmentCardTemplate.propTypes = {
+  items: PropTypes.arrayOf(PropTypes.any).isRequired,
+  isEditMode: PropTypes.bool,
+  linkTitle: PropTypes.any,
+};
+
+export default AttachmentCardTemplate;
diff --git a/src/config/Blocks/ListingOptions/attachmentCardTemplate.js b/src/config/Blocks/ListingOptions/attachmentCardTemplate.js
new file mode 100644
index 000000000..d54b2fe45
--- /dev/null
+++ b/src/config/Blocks/ListingOptions/attachmentCardTemplate.js
@@ -0,0 +1,40 @@
+import { defineMessages } from 'react-intl';
+
+import { templatesOptions } from 'design-comuni-plone-theme/config/Blocks/ListingOptions';
+
+const messages = defineMessages({
+  show_pdf_preview: {
+    id: 'show_pdf_preview',
+    defaultMessage: 'Mostra i PDF in anteprima',
+  },
+  show_pdf_desc: {
+    id: 'show_pdf_desc',
+    defaultMessage:
+      "Permette di aprire l'anteprima di tutti i PDF di questo elenco in una tab separata altrimenti vengono scaricati.",
+  },
+});
+
+export const addAttachmentCardTemplateOptions = (
+  schema,
+  formData,
+  intl,
+  position = 1,
+) => {
+  let pos = position;
+
+  pos = templatesOptions(
+    schema,
+    formData,
+    intl,
+    ['show_pdf_preview'],
+    {
+      show_pdf_preview: {
+        default: false,
+        label: intl.formatMessage(messages.show_pdf_preview),
+        description: intl.formatMessage(messages.show_pdf_desc),
+      },
+    },
+    pos,
+  );
+  return pos;
+};
diff --git a/src/config/Blocks/ListingOptions/index.js b/src/config/Blocks/ListingOptions/index.js
index caab64e02..36cb46fb9 100644
--- a/src/config/Blocks/ListingOptions/index.js
+++ b/src/config/Blocks/ListingOptions/index.js
@@ -22,3 +22,4 @@ export { addSimpleListTemplateOptions } from 'design-comuni-plone-theme/config/B
 export { addCardWithSlideUpTextTemplateOptions } from 'design-comuni-plone-theme/config/Blocks/ListingOptions/cardWithSlideUpTextTemplate';
 export { addPhotogalleryTemplateOptions } from 'design-comuni-plone-theme/config/Blocks/ListingOptions/photogalleryTemplate';
 export { addSmallBlockLinksTemplateOptions } from 'design-comuni-plone-theme/config/Blocks/ListingOptions/smallBlockLinksTemplate';
+export { addAttachmentCardTemplateOptions } from 'design-comuni-plone-theme/config/Blocks/ListingOptions/attachmentCardTemplate';
diff --git a/src/config/Blocks/listingVariations.js b/src/config/Blocks/listingVariations.js
index 59c5a6614..e91012edd 100644
--- a/src/config/Blocks/listingVariations.js
+++ b/src/config/Blocks/listingVariations.js
@@ -42,6 +42,8 @@ import SimpleListTemplateSkeleton from 'design-comuni-plone-theme/components/Ita
 import CardWithSlideUpTextTemplate from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Listing/CardWithSlideUpTextTemplate';
 import CardWithSlideUpTextTemplateSkeleton from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Listing/TemplatesSkeletons/CardWithSlideUpTextTemplateSkeleton';
 
+import AttachmentCardTemplate from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Listing/AttachmentCardTemplate';
+
 // import AmministrazioneTrasparenteTablesTemplate from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Listing/AmministrazioneTrasparenteTablesTemplate';
 // import AmministrazioneTrasparenteTablesTemplateSkeleton from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Listing/TemplatesSkeletons/AmministrazioneTrasparenteTablesTemplateSkeleton';
 
@@ -60,6 +62,7 @@ import {
   addPhotogalleryTemplateOptions,
   addLinkMoreOptions,
   addSmallBlockLinksTemplateOptions,
+  addAttachmentCardTemplateOptions,
   cloneBlock,
 } from 'design-comuni-plone-theme/config/Blocks/ListingOptions';
 
@@ -268,6 +271,20 @@ const italiaListingVariations = [
     },
     cloneData: cloneBlock,
   },
+  {
+    id: 'attachmentCardTemplate',
+    isDefault: false,
+    title: 'Allegati',
+    template: AttachmentCardTemplate,
+    // used default skeleton
+    schemaEnhancer: ({ schema, formData, intl }) => {
+      let pos = addDefaultOptions(schema, formData, intl);
+      addAttachmentCardTemplateOptions(schema, formData, intl, pos);
+      addLinkMoreOptions(schema, formData, intl);
+      return schema;
+    },
+    cloneData: cloneBlock,
+  },
   //  {
   //    id: 'amministrazioneTrasparenteTablesTemplate',
   //    isDefault: false,

From b57f290e91da06e57e04e60f892846bba0c060e4 Mon Sep 17 00:00:00 2001
From: sabrina-bongiovanni
 <116291154+sabrina-bongiovanni@users.noreply.github.com>
Date: Wed, 27 Mar 2024 16:32:58 +0100
Subject: [PATCH 10/19] fix: sovrapposizione etichetta card nastro (#409)

* fix: spacing of label

* chore: added info in RELEASE.md

* fix: changed layout of ribbonCardTemplate

---------

Co-authored-by: Piero Nicolli <pnicolli@users.noreply.github.com>
---
 RELEASE.md                                            |  1 +
 src/theme/ItaliaTheme/Blocks/_ribbonCardTemplate.scss | 11 +++++++----
 src/theme/_site-variables.scss                        |  4 ++++
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/RELEASE.md b/RELEASE.md
index e41dc9a9f..d85024e2a 100644
--- a/RELEASE.md
+++ b/RELEASE.md
@@ -54,6 +54,7 @@
 
 ### Fix
 
+- L'etichetta della Card con Nastro (Blocco Elenco) non si sovrappone più all'immagine del nastro.
 - Aggiustato il layout della card per il CT persone quando è impostata un'immagine.
 
 ## Versione 11.8.0 (19/03/2024)
diff --git a/src/theme/ItaliaTheme/Blocks/_ribbonCardTemplate.scss b/src/theme/ItaliaTheme/Blocks/_ribbonCardTemplate.scss
index 990e6006d..df9c276a1 100644
--- a/src/theme/ItaliaTheme/Blocks/_ribbonCardTemplate.scss
+++ b/src/theme/ItaliaTheme/Blocks/_ribbonCardTemplate.scss
@@ -1,5 +1,9 @@
 .ribbon-card-template {
   .card {
+    .flag-icon {
+      width: $ribbon-width;
+    }
+
     .dates {
       font-size: 0.8em;
       text-transform: uppercase;
@@ -8,11 +12,10 @@
     .etichetta {
       position: absolute;
       top: 3rem;
-      right: 0;
-      left: 0;
-      width: 100%;
+      right: 0px;
+      left: auto;
+      max-width: calc(100% - $ribbon-spacing-h * 3 - $ribbon-width);
       justify-content: inherit;
-      padding: 0 3rem;
 
       .icon {
         margin-left: auto;
diff --git a/src/theme/_site-variables.scss b/src/theme/_site-variables.scss
index ba08dcaaa..8388d11e2 100644
--- a/src/theme/_site-variables.scss
+++ b/src/theme/_site-variables.scss
@@ -59,3 +59,7 @@ $external-link-fill-subfooter: $tertiary-text !default;
 
 $dvt-navigation-v-padding: 15px !default;
 // $navigation-h-padding: 24px;
+
+$spacer: 16px;
+$ribbon-spacing-h: calc($spacer * 3);
+$ribbon-width: calc($spacer * 2);

From 1c7bd5ccac6b08ee4dad6e56af4edec15c422f40 Mon Sep 17 00:00:00 2001
From: Martina Bustacchini <41484878+deodorhunter@users.noreply.github.com>
Date: Wed, 27 Mar 2024 17:03:25 +0100
Subject: [PATCH 11/19] fix: aria-label in calendar block controls (#620)

Co-authored-by: Piero Nicolli <pnicolli@users.noreply.github.com>
---
 locales/de/LC_MESSAGES/volto.po               |  4 +--
 locales/en/LC_MESSAGES/volto.po               |  4 +--
 locales/es/LC_MESSAGES/volto.po               |  4 +--
 locales/fr/LC_MESSAGES/volto.po               |  4 +--
 locales/it/LC_MESSAGES/volto.po               |  8 +++---
 locales/volto.pot                             |  6 ++---
 .../ItaliaTheme/Blocks/Calendar/Body.jsx      | 26 ++++++++++++++-----
 7 files changed, 35 insertions(+), 21 deletions(-)

diff --git a/locales/de/LC_MESSAGES/volto.po b/locales/de/LC_MESSAGES/volto.po
index e9158aba5..7b273c8d8 100644
--- a/locales/de/LC_MESSAGES/volto.po
+++ b/locales/de/LC_MESSAGES/volto.po
@@ -1107,7 +1107,7 @@ msgid "calendarBlockSidebarTitle"
 msgstr ""
 
 #: components/ItaliaTheme/Blocks/Calendar/Body
-# defaultMessage: Prossimo
+# defaultMessage: Prossimi eventi
 msgid "calendar_next_arrow"
 msgstr ""
 
@@ -1117,7 +1117,7 @@ msgid "calendar_no_results"
 msgstr ""
 
 #: components/ItaliaTheme/Blocks/Calendar/Body
-# defaultMessage: Precedente
+# defaultMessage: Eventi precedenti
 msgid "calendar_prev_arrow"
 msgstr ""
 
diff --git a/locales/en/LC_MESSAGES/volto.po b/locales/en/LC_MESSAGES/volto.po
index e70149346..7db743d29 100644
--- a/locales/en/LC_MESSAGES/volto.po
+++ b/locales/en/LC_MESSAGES/volto.po
@@ -1092,7 +1092,7 @@ msgid "calendarBlockSidebarTitle"
 msgstr ""
 
 #: components/ItaliaTheme/Blocks/Calendar/Body
-# defaultMessage: Prossimo
+# defaultMessage: Prossimi eventi
 msgid "calendar_next_arrow"
 msgstr ""
 
@@ -1102,7 +1102,7 @@ msgid "calendar_no_results"
 msgstr ""
 
 #: components/ItaliaTheme/Blocks/Calendar/Body
-# defaultMessage: Precedente
+# defaultMessage: Eventi precedenti
 msgid "calendar_prev_arrow"
 msgstr ""
 
diff --git a/locales/es/LC_MESSAGES/volto.po b/locales/es/LC_MESSAGES/volto.po
index 9ed68f7e2..62d4d2fb3 100644
--- a/locales/es/LC_MESSAGES/volto.po
+++ b/locales/es/LC_MESSAGES/volto.po
@@ -1101,7 +1101,7 @@ msgid "calendarBlockSidebarTitle"
 msgstr "Calendario"
 
 #: components/ItaliaTheme/Blocks/Calendar/Body
-# defaultMessage: Prossimo
+# defaultMessage: Prossimi eventi
 msgid "calendar_next_arrow"
 msgstr "Próximo"
 
@@ -1111,7 +1111,7 @@ msgid "calendar_no_results"
 msgstr "No hay eventos disponibles en este momento"
 
 #: components/ItaliaTheme/Blocks/Calendar/Body
-# defaultMessage: Precedente
+# defaultMessage: Eventi precedenti
 msgid "calendar_prev_arrow"
 msgstr "Precedente"
 
diff --git a/locales/fr/LC_MESSAGES/volto.po b/locales/fr/LC_MESSAGES/volto.po
index 5432a1f62..7d625432c 100644
--- a/locales/fr/LC_MESSAGES/volto.po
+++ b/locales/fr/LC_MESSAGES/volto.po
@@ -1109,7 +1109,7 @@ msgid "calendarBlockSidebarTitle"
 msgstr ""
 
 #: components/ItaliaTheme/Blocks/Calendar/Body
-# defaultMessage: Prossimo
+# defaultMessage: Prossimi eventi
 msgid "calendar_next_arrow"
 msgstr ""
 
@@ -1119,7 +1119,7 @@ msgid "calendar_no_results"
 msgstr ""
 
 #: components/ItaliaTheme/Blocks/Calendar/Body
-# defaultMessage: Precedente
+# defaultMessage: Eventi precedenti
 msgid "calendar_prev_arrow"
 msgstr ""
 
diff --git a/locales/it/LC_MESSAGES/volto.po b/locales/it/LC_MESSAGES/volto.po
index ea3f12415..6c01e61e3 100644
--- a/locales/it/LC_MESSAGES/volto.po
+++ b/locales/it/LC_MESSAGES/volto.po
@@ -1092,9 +1092,9 @@ msgid "calendarBlockSidebarTitle"
 msgstr "Calendario"
 
 #: components/ItaliaTheme/Blocks/Calendar/Body
-# defaultMessage: Prossimo
+# defaultMessage: Prossimi eventi
 msgid "calendar_next_arrow"
-msgstr "Prossimo"
+msgstr "Prossimi eventi"
 
 #: components/ItaliaTheme/Blocks/Calendar/Body
 # defaultMessage: Nessun evento disponibile al momento
@@ -1102,9 +1102,9 @@ msgid "calendar_no_results"
 msgstr "Nessun evento disponibile al momento"
 
 #: components/ItaliaTheme/Blocks/Calendar/Body
-# defaultMessage: Precedente
+# defaultMessage: Eventi precedenti
 msgid "calendar_prev_arrow"
-msgstr "Precedente"
+msgstr "Eventi precedenti"
 
 #: components/ItaliaTheme/manage/Widgets/CanaleDigitaleWidget
 # defaultMessage: Accedere al servizio
diff --git a/locales/volto.pot b/locales/volto.pot
index 21cb64346..5ef4413d2 100644
--- a/locales/volto.pot
+++ b/locales/volto.pot
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2024-03-27T08:54:22.652Z\n"
+"POT-Creation-Date: 2024-03-27T15:08:22.683Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "MIME-Version: 1.0\n"
@@ -1094,7 +1094,7 @@ msgid "calendarBlockSidebarTitle"
 msgstr ""
 
 #: components/ItaliaTheme/Blocks/Calendar/Body
-# defaultMessage: Prossimo
+# defaultMessage: Prossimi eventi
 msgid "calendar_next_arrow"
 msgstr ""
 
@@ -1104,7 +1104,7 @@ msgid "calendar_no_results"
 msgstr ""
 
 #: components/ItaliaTheme/Blocks/Calendar/Body
-# defaultMessage: Precedente
+# defaultMessage: Eventi precedenti
 msgid "calendar_prev_arrow"
 msgstr ""
 
diff --git a/src/components/ItaliaTheme/Blocks/Calendar/Body.jsx b/src/components/ItaliaTheme/Blocks/Calendar/Body.jsx
index 7ff3e95cb..8ca345b14 100644
--- a/src/components/ItaliaTheme/Blocks/Calendar/Body.jsx
+++ b/src/components/ItaliaTheme/Blocks/Calendar/Body.jsx
@@ -30,11 +30,11 @@ const messages = defineMessages({
   },
   calendar_next_arrow: {
     id: 'calendar_next_arrow',
-    defaultMessage: 'Prossimo',
+    defaultMessage: 'Prossimi eventi',
   },
   calendar_prev_arrow: {
     id: 'calendar_prev_arrow',
-    defaultMessage: 'Precedente',
+    defaultMessage: 'Eventi precedenti',
   },
 });
 
@@ -172,10 +172,17 @@ const Body = ({ data, block, inEditMode, path, onChangeBlock, reactSlick }) => {
   const NextArrow = (props) => {
     const { onClick, className } = props;
     return (
-      <Button outline color={'unset'} className={className} onClick={onClick}>
+      <Button
+        outline
+        color={'unset'}
+        className={className}
+        onClick={onClick}
+        aria-label={intl.formatMessage(messages.calendar_next_arrow)}
+      >
         <FontAwesomeIcon
-          title={intl.formatMessage(messages.calendar_next_arrow)}
+          aria-hidden={true}
           icon={['fas', 'chevron-right']}
+          title={intl.formatMessage(messages.calendar_next_arrow)}
         />
       </Button>
     );
@@ -183,10 +190,17 @@ const Body = ({ data, block, inEditMode, path, onChangeBlock, reactSlick }) => {
   const PrevArrow = (props) => {
     const { onClick, className } = props;
     return (
-      <Button outline color={'unset'} className={className} onClick={onClick}>
+      <Button
+        outline
+        color={'unset'}
+        className={className}
+        onClick={onClick}
+        aria-label={intl.formatMessage(messages.calendar_prev_arrow)}
+      >
         <FontAwesomeIcon
-          title={intl.formatMessage(messages.calendar_prev_arrow)}
+          aria-hidden={true}
           icon={['fas', 'chevron-left']}
+          title={intl.formatMessage(messages.calendar_next_arrow)}
         />
       </Button>
     );

From 2e5d7f9b5a714b3560e790e5fab9f0cc232d832c Mon Sep 17 00:00:00 2001
From: Piero Nicolli <pnicolli@users.noreply.github.com>
Date: Wed, 27 Mar 2024 17:12:27 +0100
Subject: [PATCH 12/19] fix: remove dangerouslySetInnerHTML from ContactLink
 (#601)

* fix: remove dangerouslySetInnerHTML from ContactLink

* fix: improve regexes
---
 locales/de/LC_MESSAGES/volto.po               |  41 -----
 locales/en/LC_MESSAGES/volto.po               |  41 -----
 locales/es/LC_MESSAGES/volto.po               |  41 -----
 locales/fr/LC_MESSAGES/volto.po               |  41 -----
 locales/it/LC_MESSAGES/volto.po               |  41 -----
 locales/volto.pot                             |  41 -----
 .../ItaliaTheme/View/Commons/ContactLink.jsx  |  78 ++++----
 .../ItaliaTheme/View/Commons/SmallVenue.jsx   |   1 +
 .../ItaliaTheme/View/UOView/UOTelephones.jsx  |   1 +
 .../View/VenueView/VenueContacts.jsx          | 170 +-----------------
 10 files changed, 42 insertions(+), 454 deletions(-)

diff --git a/locales/de/LC_MESSAGES/volto.po b/locales/de/LC_MESSAGES/volto.po
index 7b273c8d8..c98743d97 100644
--- a/locales/de/LC_MESSAGES/volto.po
+++ b/locales/de/LC_MESSAGES/volto.po
@@ -2750,7 +2750,6 @@ msgid "patrocinato_da"
 msgstr ""
 
 #: components/ItaliaTheme/View/PuntoDiContattoView/PuntoDiContattoView
-#: components/ItaliaTheme/View/VenueView/VenueContacts
 #: helpers/contentHelper
 # defaultMessage: PEC
 msgid "pec"
@@ -2912,46 +2911,6 @@ msgstr ""
 msgid "riferimenti_normativi"
 msgstr ""
 
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: Fax
-msgid "riferimento_fax_luogo"
-msgstr ""
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: Fax
-msgid "riferimento_fax_struttura"
-msgstr ""
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: E-mail
-msgid "riferimento_mail_luogo"
-msgstr ""
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: E-mail
-msgid "riferimento_mail_struttura"
-msgstr ""
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: PEC
-msgid "riferimento_pec_luogo"
-msgstr ""
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: Telefono
-msgid "riferimento_telefonico_luogo"
-msgstr ""
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: Telefono
-msgid "riferimento_telefonico_struttura"
-msgstr ""
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: Web
-msgid "riferimento_web"
-msgstr ""
-
 #: components/ItaliaTheme/View/Commons/Metadata
 # defaultMessage: Diritti
 msgid "rights"
diff --git a/locales/en/LC_MESSAGES/volto.po b/locales/en/LC_MESSAGES/volto.po
index 7db743d29..9edfa7b04 100644
--- a/locales/en/LC_MESSAGES/volto.po
+++ b/locales/en/LC_MESSAGES/volto.po
@@ -2735,7 +2735,6 @@ msgid "patrocinato_da"
 msgstr "Sponsored by"
 
 #: components/ItaliaTheme/View/PuntoDiContattoView/PuntoDiContattoView
-#: components/ItaliaTheme/View/VenueView/VenueContacts
 #: helpers/contentHelper
 # defaultMessage: PEC
 msgid "pec"
@@ -2897,46 +2896,6 @@ msgstr ""
 msgid "riferimenti_normativi"
 msgstr "Normative requirements"
 
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: Fax
-msgid "riferimento_fax_luogo"
-msgstr "Fax"
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: Fax
-msgid "riferimento_fax_struttura"
-msgstr "Fax"
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: E-mail
-msgid "riferimento_mail_luogo"
-msgstr "E-mail"
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: E-mail
-msgid "riferimento_mail_struttura"
-msgstr "E-mail"
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: PEC
-msgid "riferimento_pec_luogo"
-msgstr "PEC"
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: Telefono
-msgid "riferimento_telefonico_luogo"
-msgstr "Phone"
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: Telefono
-msgid "riferimento_telefonico_struttura"
-msgstr "Tel."
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: Web
-msgid "riferimento_web"
-msgstr "Web"
-
 #: components/ItaliaTheme/View/Commons/Metadata
 # defaultMessage: Diritti
 msgid "rights"
diff --git a/locales/es/LC_MESSAGES/volto.po b/locales/es/LC_MESSAGES/volto.po
index 62d4d2fb3..387511973 100644
--- a/locales/es/LC_MESSAGES/volto.po
+++ b/locales/es/LC_MESSAGES/volto.po
@@ -2744,7 +2744,6 @@ msgid "patrocinato_da"
 msgstr "Patrocinado por"
 
 #: components/ItaliaTheme/View/PuntoDiContattoView/PuntoDiContattoView
-#: components/ItaliaTheme/View/VenueView/VenueContacts
 #: helpers/contentHelper
 # defaultMessage: PEC
 msgid "pec"
@@ -2906,46 +2905,6 @@ msgstr "Responsable del procedimiento"
 msgid "riferimenti_normativi"
 msgstr "Requisitos del reglamentarios"
 
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: Fax
-msgid "riferimento_fax_luogo"
-msgstr "Fax"
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: Fax
-msgid "riferimento_fax_struttura"
-msgstr "Fax"
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: E-mail
-msgid "riferimento_mail_luogo"
-msgstr "Correo electrónico"
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: E-mail
-msgid "riferimento_mail_struttura"
-msgstr "Correo electrónico"
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: PEC
-msgid "riferimento_pec_luogo"
-msgstr "PEC"
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: Telefono
-msgid "riferimento_telefonico_luogo"
-msgstr "Teléfono"
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: Telefono
-msgid "riferimento_telefonico_struttura"
-msgstr "Teléfono"
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: Web
-msgid "riferimento_web"
-msgstr "Web"
-
 #: components/ItaliaTheme/View/Commons/Metadata
 # defaultMessage: Diritti
 msgid "rights"
diff --git a/locales/fr/LC_MESSAGES/volto.po b/locales/fr/LC_MESSAGES/volto.po
index 7d625432c..ce3741bf8 100644
--- a/locales/fr/LC_MESSAGES/volto.po
+++ b/locales/fr/LC_MESSAGES/volto.po
@@ -2752,7 +2752,6 @@ msgid "patrocinato_da"
 msgstr "Sponsorisé par"
 
 #: components/ItaliaTheme/View/PuntoDiContattoView/PuntoDiContattoView
-#: components/ItaliaTheme/View/VenueView/VenueContacts
 #: helpers/contentHelper
 # defaultMessage: PEC
 msgid "pec"
@@ -2914,46 +2913,6 @@ msgstr ""
 msgid "riferimenti_normativi"
 msgstr "Exigences normatives"
 
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: Fax
-msgid "riferimento_fax_luogo"
-msgstr "Fax"
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: Fax
-msgid "riferimento_fax_struttura"
-msgstr "Fax"
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: E-mail
-msgid "riferimento_mail_luogo"
-msgstr "E-mail"
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: E-mail
-msgid "riferimento_mail_struttura"
-msgstr "E-mail"
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: PEC
-msgid "riferimento_pec_luogo"
-msgstr "PEC"
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: Telefono
-msgid "riferimento_telefonico_luogo"
-msgstr "Téléphone"
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: Telefono
-msgid "riferimento_telefonico_struttura"
-msgstr "Téléphone"
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: Web
-msgid "riferimento_web"
-msgstr "Web"
-
 #: components/ItaliaTheme/View/Commons/Metadata
 # defaultMessage: Diritti
 msgid "rights"
diff --git a/locales/it/LC_MESSAGES/volto.po b/locales/it/LC_MESSAGES/volto.po
index 6c01e61e3..e4789beb0 100644
--- a/locales/it/LC_MESSAGES/volto.po
+++ b/locales/it/LC_MESSAGES/volto.po
@@ -2735,7 +2735,6 @@ msgid "patrocinato_da"
 msgstr "Patrocinato da"
 
 #: components/ItaliaTheme/View/PuntoDiContattoView/PuntoDiContattoView
-#: components/ItaliaTheme/View/VenueView/VenueContacts
 #: helpers/contentHelper
 # defaultMessage: PEC
 msgid "pec"
@@ -2897,46 +2896,6 @@ msgstr "Responsabile del procedimento"
 msgid "riferimenti_normativi"
 msgstr "Riferimenti normativi"
 
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: Fax
-msgid "riferimento_fax_luogo"
-msgstr "Fax"
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: Fax
-msgid "riferimento_fax_struttura"
-msgstr "Fax"
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: E-mail
-msgid "riferimento_mail_luogo"
-msgstr "E-mail"
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: E-mail
-msgid "riferimento_mail_struttura"
-msgstr "E-mail"
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: PEC
-msgid "riferimento_pec_luogo"
-msgstr "PEC"
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: Telefono
-msgid "riferimento_telefonico_luogo"
-msgstr "Telefono"
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: Telefono
-msgid "riferimento_telefonico_struttura"
-msgstr "Telefono"
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: Web
-msgid "riferimento_web"
-msgstr "Web"
-
 #: components/ItaliaTheme/View/Commons/Metadata
 # defaultMessage: Diritti
 msgid "rights"
diff --git a/locales/volto.pot b/locales/volto.pot
index 5ef4413d2..a2ea34074 100644
--- a/locales/volto.pot
+++ b/locales/volto.pot
@@ -2737,7 +2737,6 @@ msgid "patrocinato_da"
 msgstr ""
 
 #: components/ItaliaTheme/View/PuntoDiContattoView/PuntoDiContattoView
-#: components/ItaliaTheme/View/VenueView/VenueContacts
 #: helpers/contentHelper
 # defaultMessage: PEC
 msgid "pec"
@@ -2899,46 +2898,6 @@ msgstr ""
 msgid "riferimenti_normativi"
 msgstr ""
 
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: Fax
-msgid "riferimento_fax_luogo"
-msgstr ""
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: Fax
-msgid "riferimento_fax_struttura"
-msgstr ""
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: E-mail
-msgid "riferimento_mail_luogo"
-msgstr ""
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: E-mail
-msgid "riferimento_mail_struttura"
-msgstr ""
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: PEC
-msgid "riferimento_pec_luogo"
-msgstr ""
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: Telefono
-msgid "riferimento_telefonico_luogo"
-msgstr ""
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: Telefono
-msgid "riferimento_telefonico_struttura"
-msgstr ""
-
-#: components/ItaliaTheme/View/VenueView/VenueContacts
-# defaultMessage: Web
-msgid "riferimento_web"
-msgstr ""
-
 #: components/ItaliaTheme/View/Commons/Metadata
 # defaultMessage: Diritti
 msgid "rights"
diff --git a/src/components/ItaliaTheme/View/Commons/ContactLink.jsx b/src/components/ItaliaTheme/View/Commons/ContactLink.jsx
index 180a6f76a..7dd01862e 100644
--- a/src/components/ItaliaTheme/View/Commons/ContactLink.jsx
+++ b/src/components/ItaliaTheme/View/Commons/ContactLink.jsx
@@ -30,58 +30,58 @@ const messages = defineMessages({
   },
 });
 
+const phoneRegex = /(\+?[0-9](?: ?[0-9/-]+)+.?[0-9]*)/gm;
+const phoneCleanRegex = /-|\/|\s/gm;
+const emailRegex = /([a-zA-Z0-9+._-]+@[a-zA-Z0-9._-]+\.[a-zA-Z0-9_-]+)/gi;
+const emailCleanRegex = /|\/|\s/gm;
+
 const ContactLink = ({ tel, fax, email, label = true, strong = false }) => {
   const intl = useIntl();
   let ret_label = null;
   let ret = null;
 
-  function ReplacePhoneNumbers(str, type) {
-    // eslint-disable-next-line no-useless-escape
-    let newhtml = str.replace(/\+?[0-9]( ?[0-9\/-]+)+.?[0-9]*/gm, function (v) {
-      let r =
-        "<a href='" +
-        type +
-        ':' +
-        v.trim().replace(/-|\/|\s/gm, '') +
-        "' title='" +
-        (type === 'tel'
-          ? intl.formatMessage(messages.call)
-          : intl.formatMessage(messages.call_fax)) +
-        "' >" +
-        v +
-        '</a>';
-      return r;
-    });
-    return newhtml;
-  }
+  const titles = {
+    tel: intl.formatMessage(messages.call),
+    fax: intl.formatMessage(messages.call_fax),
+    mailto: intl.formatMessage(messages.write_to),
+  };
 
-  function ReplaceEmails(str) {
-    let newhtml = str.replace(
-      /([a-zA-Z0-9+._-]+@[a-zA-Z0-9._-]+\.[a-zA-Z0-9_-]+)/gi,
-      function (v) {
-        let r =
-          "<a href='mailto:" +
-          v.trim().replace(/|\/|\s/gm, '') +
-          "' title='" +
-          intl.formatMessage(messages.write_to) +
-          "' >" +
-          v +
-          '</a>';
-        return r;
-      },
-    );
-    return newhtml;
+  function replaceString(str, type) {
+    const regex = type === 'mailto' ? emailRegex : phoneRegex;
+    return str.split(regex).reduce((acc, substr, i) => {
+      if (substr.trim() !== '') return acc;
+      return [
+        ...acc,
+        acc.length === 0 ? '' : ' ',
+        substr.test(regex) ? (
+          <a
+            key={`${type}-${i}`}
+            href={`${type}:${substr
+              .trim()
+              .replace(
+                type === 'mailto' ? emailCleanRegex : phoneCleanRegex,
+                '',
+              )}`}
+            title={titles[type]}
+          >
+            {substr}
+          </a>
+        ) : (
+          substr
+        ),
+      ];
+    }, []);
   }
 
   if (tel) {
     ret_label = intl.formatMessage(messages.telefono);
-    ret = ReplacePhoneNumbers(tel, 'tel');
+    ret = replaceString(tel, 'tel');
   } else if (fax) {
     ret_label = intl.formatMessage(messages.fax);
-    ret = ReplacePhoneNumbers(fax, 'fax');
+    ret = replaceString(fax, 'fax');
   } else if (email) {
     ret_label = intl.formatMessage(messages.email_label);
-    ret = ReplaceEmails(email);
+    ret = replaceString(email, 'mailto');
   }
   ret_label = label ? <>{ret_label}: </> : null;
   ret_label = label ? strong ? <strong>{ret_label}</strong> : ret_label : null;
@@ -89,7 +89,7 @@ const ContactLink = ({ tel, fax, email, label = true, strong = false }) => {
   return ret ? (
     <>
       {ret_label}
-      <span dangerouslySetInnerHTML={{ __html: ret }} />
+      <span>{ret}</span>
     </>
   ) : null;
 };
diff --git a/src/components/ItaliaTheme/View/Commons/SmallVenue.jsx b/src/components/ItaliaTheme/View/Commons/SmallVenue.jsx
index 23035376d..c301b2c3e 100644
--- a/src/components/ItaliaTheme/View/Commons/SmallVenue.jsx
+++ b/src/components/ItaliaTheme/View/Commons/SmallVenue.jsx
@@ -1,3 +1,4 @@
+// TODO REMOVEME Sembra non più usato, rimuovere
 import { useDispatch, useSelector } from 'react-redux';
 import React, { useEffect } from 'react';
 import { getContent } from '@plone/volto/actions';
diff --git a/src/components/ItaliaTheme/View/UOView/UOTelephones.jsx b/src/components/ItaliaTheme/View/UOView/UOTelephones.jsx
index 1f41b8701..70173d2c1 100644
--- a/src/components/ItaliaTheme/View/UOView/UOTelephones.jsx
+++ b/src/components/ItaliaTheme/View/UOView/UOTelephones.jsx
@@ -1,3 +1,4 @@
+// TODO REMOVEME Sembra non più usato, rimuovere
 import React from 'react';
 import PropTypes from 'prop-types';
 
diff --git a/src/components/ItaliaTheme/View/VenueView/VenueContacts.jsx b/src/components/ItaliaTheme/View/VenueView/VenueContacts.jsx
index 7f6dd0433..6e20e79e1 100644
--- a/src/components/ItaliaTheme/View/VenueView/VenueContacts.jsx
+++ b/src/components/ItaliaTheme/View/VenueView/VenueContacts.jsx
@@ -15,46 +15,10 @@ const messages = defineMessages({
     id: 'contatti',
     defaultMessage: 'Contatti',
   },
-  riferimento_telefonico_luogo: {
-    id: 'riferimento_telefonico_luogo',
-    defaultMessage: 'Telefono',
-  },
-  riferimento_fax_luogo: {
-    id: 'riferimento_fax_luogo',
-    defaultMessage: 'Fax',
-  },
-  riferimento_mail_luogo: {
-    id: 'riferimento_mail_luogo',
-    defaultMessage: 'E-mail',
-  },
-  riferimento_pec_luogo: {
-    id: 'riferimento_pec_luogo',
-    defaultMessage: 'PEC',
-  },
-  riferimento_web: {
-    id: 'riferimento_web',
-    defaultMessage: 'Web',
-  },
   struttura_responsabile: {
     id: 'struttura_responsabile',
     defaultMessage: 'Struttura responsabile',
   },
-  riferimento_telefonico_struttura: {
-    id: 'riferimento_telefonico_struttura',
-    defaultMessage: 'Telefono',
-  },
-  riferimento_fax_struttura: {
-    id: 'riferimento_fax_struttura',
-    defaultMessage: 'Fax',
-  },
-  riferimento_mail_struttura: {
-    id: 'riferimento_mail_struttura',
-    defaultMessage: 'E-mail',
-  },
-  riferimento_pec_struttura: {
-    id: 'pec',
-    defaultMessage: 'PEC',
-  },
 });
 
 const VenueContacts = ({ content }) => {
@@ -62,77 +26,12 @@ const VenueContacts = ({ content }) => {
 
   return content?.contact_info?.length > 0 ||
     content?.struttura_responsabile_correlati?.length > 0 ||
-    // richTextHasContent(content?.struttura_responsabile) ||
-    // content?.riferimento_telefonico_struttura ||
-    // content?.riferimento_fax_struttura ||
-    // content?.riferimento_mail_struttura ||
-    // content?.riferimento_pec_struttura ? (
     richTextHasContent(content?.struttura_responsabile) ? (
     <>
       <RichTextSection
         tag_id="contatti"
         title={intl.formatMessage(messages.contatti)}
       >
-        {/* CONTATTI LUOGO */}
-        {/* {(content?.telefono ||
-        content?.email ||
-        content?.fax ||
-        content?.pec ||
-        content?.web) && (
-        <Card
-          className="card card-teaser rounded shadow mt-3 mb-3"
-          noWrapper={true}
-          tag="div"
-        >
-          <CardTitle tag="h5">
-            <Icon icon="it-telephone" padding={true} />
-          </CardTitle>
-          <CardBody tag="div" className={'card-body pe-3'}>
-            {content.telefono && (
-              <p className="card-text mt-3">
-                {intl.formatMessage(messages.riferimento_telefonico_luogo)}
-                : <ContactLink tel={content.telefono} label={false} />
-              </p>
-            )}
-
-            {content.fax && (
-              <p className="card-text mt-3">
-                {intl.formatMessage(messages.riferimento_fax_luogo)}
-                : <ContactLink fax={content.fax} label={false} />
-              </p>
-            )}
-
-            {content.email && (
-              <p className="card-text mt-3">
-                {intl.formatMessage(messages.riferimento_mail_luogo)}:{' '}
-                <ContactLink email={content.email} label={false} />
-              </p>
-            )}
-
-            {content.pec && (
-              <p className="card-text mt-3">
-                {intl.formatMessage(messages.riferimento_pec_luogo)}:{' '}
-                <ContactLink email={content.pec} label={false} />
-              </p>
-            )}
-
-            {content.web && (
-              <p className="card-text mt-3">
-                {intl.formatMessage(messages.riferimento_web)}:{' '}
-                <a
-                  href={
-                    content.web.match(/^(http:\/\/|https:\/\/)/gm)
-                      ? content.web
-                      : `http://${content.web}`
-                  }
-                >
-                  {content.web}
-                </a>
-              </p>
-            )}
-          </CardBody>
-        </Card>
-      )} */}
         {content?.contact_info?.length > 0 &&
           content.contact_info.map((contact) => (
             <ContactsCard
@@ -147,11 +46,7 @@ const VenueContacts = ({ content }) => {
       */}
       </RichTextSection>
       {(content?.struttura_responsabile_correlati?.length > 0 ||
-        richTextHasContent(content?.struttura_responsabile) ||
-        content?.riferimento_telefonico_struttura ||
-        content?.riferimento_fax_struttura ||
-        content?.riferimento_mail_struttura ||
-        content?.riferimento_pec_struttura) && (
+        richTextHasContent(content?.struttura_responsabile)) && (
         <RichTextSection
           tag_id="struttura_responsabile"
           title={intl.formatMessage(messages.struttura_responsabile)}
@@ -166,11 +61,6 @@ const VenueContacts = ({ content }) => {
           ) : (
             //STRUTTURA RESPONSABILE
             <>
-              {/* {(richTextHasContent(content.struttura_responsabile) ||
-                content.riferimento_telefonico_struttura ||
-                content.riferimento_fax_struttura ||
-                content.riferimento_mail_struttura ||
-                content.riferimento_pec_struttura) && ( */}
               {richTextHasContent(content.struttura_responsabile) && (
                 <Card className="genericcard card card-teaser shadow p-4 mt-3 rounded">
                   <CardBody>
@@ -181,64 +71,6 @@ const VenueContacts = ({ content }) => {
                         </h5>
                       </CardTitle>
                     )}
-                    {/* <CardText>
-                      {content.riferimento_telefonico_struttura && (
-                        <div>
-                          <span className="fw-semibold">
-                            {intl.formatMessage(
-                              messages.riferimento_telefonico_struttura,
-                            )}
-                            :
-                          </span>{' '}
-                          <ContactLink
-                            tel={content.riferimento_telefonico_struttura}
-                            label={false}
-                          />
-                        </div>
-                      )}
-                      {content.riferimento_fax_struttura && (
-                        <div className="mt-2">
-                          <span className="fw-semibold">
-                            {intl.formatMessage(
-                              messages.riferimento_fax_struttura,
-                            )}
-                            :
-                          </span>{' '}
-                          <ContactLink
-                            tel={content.riferimento_fax_struttura}
-                            label={false}
-                          />
-                        </div>
-                      )}
-                      {content.riferimento_mail_struttura && (
-                        <div className="mt-2">
-                          <span className="fw-semibold">
-                            {intl.formatMessage(
-                              messages.riferimento_mail_struttura,
-                            )}
-                            :
-                          </span>{' '}
-                          <ContactLink
-                            email={content.riferimento_mail_struttura}
-                            label={false}
-                          />
-                        </div>
-                      )}
-                      {content.riferimento_pec_struttura && (
-                        <div className="mt-2">
-                          <span className="fw-semibold">
-                            {intl.formatMessage(
-                              messages.riferimento_pec_struttura,
-                            )}
-                            :
-                          </span>{' '}
-                          <ContactLink
-                            email={content.riferimento_pec_struttura}
-                            label={false}
-                          />
-                        </div>
-                      )}
-                    </CardText> */}
                   </CardBody>
                 </Card>
               )}

From a33c93b0b414e7cfb0b6b7344c799070a14f92ea Mon Sep 17 00:00:00 2001
From: sabrina-bongiovanni
 <116291154+sabrina-bongiovanni@users.noreply.github.com>
Date: Wed, 27 Mar 2024 17:20:02 +0100
Subject: [PATCH 13/19] fix: added aria label to icons across ioComune (#557)

* fix: added aria label to icons across ioComune

* fix: added alt text to all icons

* fix: changed alt text to title and added arialabelled-by and ids

* chore: removed unused code

* fix: added translations

* fix: used previously created translation messages

* fix: added translations

* fix: title attributes in all icons

* fix: removed aria-labelledby from FontAwesomeIcon

* fix: added aria-labelledby to FontAwesomeIcon

---------

Co-authored-by: Piero Nicolli <pnicolli@users.noreply.github.com>
---
 locales/de/LC_MESSAGES/volto.po               | 56 ++++++++++++++++++
 locales/en/LC_MESSAGES/volto.po               | 56 ++++++++++++++++++
 locales/es/LC_MESSAGES/volto.po               | 56 ++++++++++++++++++
 locales/fr/LC_MESSAGES/volto.po               | 56 ++++++++++++++++++
 locales/it/LC_MESSAGES/volto.po               | 56 ++++++++++++++++++
 locales/volto.pot                             | 58 ++++++++++++++++++-
 .../Blocks/Accordion/Block/ViewBlock.jsx      | 18 +++++-
 .../Common/SearchFilters/DateFilter.jsx       | 16 +++++
 .../Blocks/HeroImageLeft/StoresButtons.jsx    |  4 +-
 .../Blocks/Listing/RibbonCardTemplate.jsx     | 14 ++++-
 .../SimpleCard/SimpleCardTemplateCompact.jsx  | 16 ++++-
 .../Blocks/Listing/SliderTemplate.jsx         | 35 +++++++++--
 .../ItaliaTheme/Blocks/NumbersBlock/View.jsx  | 12 +++-
 .../Blocks/SearchSections/Body.jsx            |  7 ++-
 .../ItaliaTheme/Blocks/VideoGallery/Body.jsx  |  7 ++-
 .../ItaliaTheme/Cards/CardCategory.jsx        | 13 ++++-
 .../ItaliaTheme/Footer/FooterNavigation.jsx   |  7 ++-
 .../ItaliaTheme/Footer/FooterSocials.jsx      |  1 +
 .../Header/HeaderSearch/HeaderSearch.jsx      |  2 +-
 .../ItaliaTheme/Header/SocialHeader.jsx       |  8 ++-
 .../ItaliaTheme/Icons/DesignIcon.jsx          |  7 ++-
 .../ItaliaTheme/Icons/FontAwesomeIcon.jsx     |  8 ++-
 src/components/ItaliaTheme/Icons/Icon.jsx     |  1 -
 .../ItaliaTheme/Icons/svg/TelegramSVG.jsx     |  1 +
 .../ItaliaTheme/Icons/svg/XTwitterSVG.jsx     |  1 +
 .../ItaliaTheme/Pagination/PaginationItem.jsx |  2 +
 .../View/Commons/Argument/ArgumentIcon.jsx    | 19 +++++-
 .../ItaliaTheme/View/Commons/HelpBox.jsx      |  9 +++
 .../ItaliaTheme/View/Commons/LocationItem.jsx | 11 +++-
 .../ItaliaTheme/View/Commons/OfficeCard.jsx   | 16 ++++-
 .../View/Commons/SearchSectionForm.jsx        |  7 ++-
 .../EventoContattiOrganizzatoreEsterno.jsx    | 14 ++++-
 .../PaginaArgomentoView.jsx                   |  2 +-
 src/components/SelectInput/SelectInput.jsx    | 17 +++++-
 .../volto-form-block/components/Field.jsx     | 20 +++++++
 .../Search/components/DateRangeFacet.jsx      | 10 +++-
 .../theme/Navigation/Navigation.jsx           | 18 +++++-
 37 files changed, 622 insertions(+), 39 deletions(-)

diff --git a/locales/de/LC_MESSAGES/volto.po b/locales/de/LC_MESSAGES/volto.po
index c98743d97..a390876f4 100644
--- a/locales/de/LC_MESSAGES/volto.po
+++ b/locales/de/LC_MESSAGES/volto.po
@@ -839,6 +839,12 @@ msgstr ""
 msgid "argoment"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Listing/RibbonCardTemplate
+#: components/ItaliaTheme/Blocks/Listing/SimpleCard/SimpleCardTemplateCompact
+# defaultMessage: Icona {type}
+msgid "argument_icon"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/ArgumentsInEvidence/Sidebar
 # defaultMessage: Argomenti in evidenza
 msgid "arguments_in_evidence_block"
@@ -1157,6 +1163,11 @@ msgstr ""
 msgid "casi_particolari"
 msgstr ""
 
+#: components/ItaliaTheme/Cards/CardCategory
+# defaultMessage: Icona categoria
+msgid "category_icon"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/VideoGallery/Sidebar
 # defaultMessage: Link al canale
 msgid "channel_link"
@@ -1215,6 +1226,11 @@ msgstr ""
 msgid "close-menu"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Accordion/Block/ViewBlock
+# defaultMessage: Chiudi l'accordion
+msgid "closeAccordion"
+msgstr ""
+
 #: components/ItaliaTheme/Header/HeaderSearch/SearchModal
 # defaultMessage: Chiudi cerca
 msgid "closeSearch"
@@ -1756,6 +1772,11 @@ msgstr ""
 msgid "downloadPlayVideo"
 msgstr ""
 
+#: components/SelectInput/SelectInput
+# defaultMessage: Apri il menu
+msgid "dropdown_indicator"
+msgstr ""
+
 #: components/ItaliaTheme/manage/Widgets/MenuConfigurationForm
 # defaultMessage: Additional classes
 msgid "dropdownmenu-additionalClasses"
@@ -2229,6 +2250,26 @@ msgstr ""
 msgid "iconDescription"
 msgstr ""
 
+#: components/ItaliaTheme/View/Commons/Argument/ArgumentIcon
+# defaultMessage: Icona per l'argomento {topic_title}
+msgid "icon_title"
+msgstr ""
+
+#: components/ItaliaTheme/View/Commons/LocationItem
+# defaultMessage: Icona luoghi
+msgid "icona_luoghi"
+msgstr ""
+
+#: components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreEsterno
+# defaultMessage: Icona telefono
+msgid "icona_telefono"
+msgstr ""
+
+#: components/ItaliaTheme/View/Commons/OfficeCard
+# defaultMessage: Icona ufficio
+msgid "icona_ufficio"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/IconBlocks/Sidebar
 # defaultMessage: Blocco con icone
 msgid "iconss_blocks"
@@ -2611,6 +2652,16 @@ msgstr ""
 msgid "numero_progressivo_cs"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Accordion/Block/ViewBlock
+# defaultMessage: Apri l'accordion
+msgid "openAccordion"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Listing/SliderTemplate
+# defaultMessage: Apri il link
+msgid "openLink"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/CTABlock/Block
 # defaultMessage: Apri link in una nuova scheda
 msgid "openLinkInNewTab"
@@ -3940,6 +3991,11 @@ msgstr ""
 msgid "ufficio_responsabile"
 msgstr ""
 
+#: components/ItaliaTheme/View/Commons/HelpBox
+# defaultMessage: Icona ulteriori informazioni
+msgid "ulteriori_info"
+msgstr ""
+
 #: components/ItaliaTheme/View/Commons/TrasparenzaFields
 #: components/ItaliaTheme/View/PaginaArgomentoView/PaginaArgomentoViewNoBlocks
 #: components/ItaliaTheme/View/TrasparenzaView/DettagliProcedimentiView
diff --git a/locales/en/LC_MESSAGES/volto.po b/locales/en/LC_MESSAGES/volto.po
index 9edfa7b04..ef6faef15 100644
--- a/locales/en/LC_MESSAGES/volto.po
+++ b/locales/en/LC_MESSAGES/volto.po
@@ -824,6 +824,12 @@ msgstr "Responsible area"
 msgid "argoment"
 msgstr "Topic"
 
+#: components/ItaliaTheme/Blocks/Listing/RibbonCardTemplate
+#: components/ItaliaTheme/Blocks/Listing/SimpleCard/SimpleCardTemplateCompact
+# defaultMessage: Icona {type}
+msgid "argument_icon"
+msgstr "{type} Icon"
+
 #: components/ItaliaTheme/Blocks/ArgumentsInEvidence/Sidebar
 # defaultMessage: Argomenti in evidenza
 msgid "arguments_in_evidence_block"
@@ -1142,6 +1148,11 @@ msgstr "Downloadable formats"
 msgid "casi_particolari"
 msgstr "Special cases"
 
+#: components/ItaliaTheme/Cards/CardCategory
+# defaultMessage: Icona categoria
+msgid "category_icon"
+msgstr "Category icon"
+
 #: components/ItaliaTheme/Blocks/VideoGallery/Sidebar
 # defaultMessage: Link al canale
 msgid "channel_link"
@@ -1200,6 +1211,11 @@ msgstr ""
 msgid "close-menu"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Accordion/Block/ViewBlock
+# defaultMessage: Chiudi l'accordion
+msgid "closeAccordion"
+msgstr "Close the accordion"
+
 #: components/ItaliaTheme/Header/HeaderSearch/SearchModal
 # defaultMessage: Chiudi cerca
 msgid "closeSearch"
@@ -1741,6 +1757,11 @@ msgstr "Download"
 msgid "downloadPlayVideo"
 msgstr ""
 
+#: components/SelectInput/SelectInput
+# defaultMessage: Apri il menu
+msgid "dropdown_indicator"
+msgstr "Open the menu"
+
 #: components/ItaliaTheme/manage/Widgets/MenuConfigurationForm
 # defaultMessage: Additional classes
 msgid "dropdownmenu-additionalClasses"
@@ -2214,6 +2235,26 @@ msgstr ""
 msgid "iconDescription"
 msgstr ""
 
+#: components/ItaliaTheme/View/Commons/Argument/ArgumentIcon
+# defaultMessage: Icona per l'argomento {topic_title}
+msgid "icon_title"
+msgstr "Icon for {topic_title} topic"
+
+#: components/ItaliaTheme/View/Commons/LocationItem
+# defaultMessage: Icona luoghi
+msgid "icona_luoghi"
+msgstr "Venues icon"
+
+#: components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreEsterno
+# defaultMessage: Icona telefono
+msgid "icona_telefono"
+msgstr "Phone icon"
+
+#: components/ItaliaTheme/View/Commons/OfficeCard
+# defaultMessage: Icona ufficio
+msgid "icona_ufficio"
+msgstr "Office icon"
+
 #: components/ItaliaTheme/Blocks/IconBlocks/Sidebar
 # defaultMessage: Blocco con icone
 msgid "iconss_blocks"
@@ -2596,6 +2637,16 @@ msgstr ""
 msgid "numero_progressivo_cs"
 msgstr "Press release number"
 
+#: components/ItaliaTheme/Blocks/Accordion/Block/ViewBlock
+# defaultMessage: Apri l'accordion
+msgid "openAccordion"
+msgstr "Open the accordion"
+
+#: components/ItaliaTheme/Blocks/Listing/SliderTemplate
+# defaultMessage: Apri il link
+msgid "openLink"
+msgstr "Open link"
+
 #: components/ItaliaTheme/Blocks/CTABlock/Block
 # defaultMessage: Apri link in una nuova scheda
 msgid "openLinkInNewTab"
@@ -3925,6 +3976,11 @@ msgstr ""
 msgid "ufficio_responsabile"
 msgstr "Responsible office"
 
+#: components/ItaliaTheme/View/Commons/HelpBox
+# defaultMessage: Icona ulteriori informazioni
+msgid "ulteriori_info"
+msgstr "Further information icon"
+
 #: components/ItaliaTheme/View/Commons/TrasparenzaFields
 #: components/ItaliaTheme/View/PaginaArgomentoView/PaginaArgomentoViewNoBlocks
 #: components/ItaliaTheme/View/TrasparenzaView/DettagliProcedimentiView
diff --git a/locales/es/LC_MESSAGES/volto.po b/locales/es/LC_MESSAGES/volto.po
index 387511973..981bb5564 100644
--- a/locales/es/LC_MESSAGES/volto.po
+++ b/locales/es/LC_MESSAGES/volto.po
@@ -833,6 +833,12 @@ msgstr "Área responsable"
 msgid "argoment"
 msgstr "Tema"
 
+#: components/ItaliaTheme/Blocks/Listing/RibbonCardTemplate
+#: components/ItaliaTheme/Blocks/Listing/SimpleCard/SimpleCardTemplateCompact
+# defaultMessage: Icona {type}
+msgid "argument_icon"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/ArgumentsInEvidence/Sidebar
 # defaultMessage: Argomenti in evidenza
 msgid "arguments_in_evidence_block"
@@ -1151,6 +1157,11 @@ msgstr "Formatos descargables"
 msgid "casi_particolari"
 msgstr "Casos especiales"
 
+#: components/ItaliaTheme/Cards/CardCategory
+# defaultMessage: Icona categoria
+msgid "category_icon"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/VideoGallery/Sidebar
 # defaultMessage: Link al canale
 msgid "channel_link"
@@ -1209,6 +1220,11 @@ msgstr ""
 msgid "close-menu"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Accordion/Block/ViewBlock
+# defaultMessage: Chiudi l'accordion
+msgid "closeAccordion"
+msgstr ""
+
 #: components/ItaliaTheme/Header/HeaderSearch/SearchModal
 # defaultMessage: Chiudi cerca
 msgid "closeSearch"
@@ -1750,6 +1766,11 @@ msgstr "Descargar"
 msgid "downloadPlayVideo"
 msgstr ""
 
+#: components/SelectInput/SelectInput
+# defaultMessage: Apri il menu
+msgid "dropdown_indicator"
+msgstr ""
+
 #: components/ItaliaTheme/manage/Widgets/MenuConfigurationForm
 # defaultMessage: Additional classes
 msgid "dropdownmenu-additionalClasses"
@@ -2223,6 +2244,26 @@ msgstr "Icono"
 msgid "iconDescription"
 msgstr "Puede seleccionar un icono de los propuestos en el menú desplegable o puede escribir/pegar el nombre de un icono 'fontawesome 5' en el campo de texto"
 
+#: components/ItaliaTheme/View/Commons/Argument/ArgumentIcon
+# defaultMessage: Icona per l'argomento {topic_title}
+msgid "icon_title"
+msgstr ""
+
+#: components/ItaliaTheme/View/Commons/LocationItem
+# defaultMessage: Icona luoghi
+msgid "icona_luoghi"
+msgstr ""
+
+#: components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreEsterno
+# defaultMessage: Icona telefono
+msgid "icona_telefono"
+msgstr ""
+
+#: components/ItaliaTheme/View/Commons/OfficeCard
+# defaultMessage: Icona ufficio
+msgid "icona_ufficio"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/IconBlocks/Sidebar
 # defaultMessage: Blocco con icone
 msgid "iconss_blocks"
@@ -2605,6 +2646,16 @@ msgstr "Bloque de números"
 msgid "numero_progressivo_cs"
 msgstr "Número de comunicado de prensa"
 
+#: components/ItaliaTheme/Blocks/Accordion/Block/ViewBlock
+# defaultMessage: Apri l'accordion
+msgid "openAccordion"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Listing/SliderTemplate
+# defaultMessage: Apri il link
+msgid "openLink"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/CTABlock/Block
 # defaultMessage: Apri link in una nuova scheda
 msgid "openLinkInNewTab"
@@ -3934,6 +3985,11 @@ msgstr ""
 msgid "ufficio_responsabile"
 msgstr "Oficina responsable"
 
+#: components/ItaliaTheme/View/Commons/HelpBox
+# defaultMessage: Icona ulteriori informazioni
+msgid "ulteriori_info"
+msgstr ""
+
 #: components/ItaliaTheme/View/Commons/TrasparenzaFields
 #: components/ItaliaTheme/View/PaginaArgomentoView/PaginaArgomentoViewNoBlocks
 #: components/ItaliaTheme/View/TrasparenzaView/DettagliProcedimentiView
diff --git a/locales/fr/LC_MESSAGES/volto.po b/locales/fr/LC_MESSAGES/volto.po
index ce3741bf8..e92c08aa2 100644
--- a/locales/fr/LC_MESSAGES/volto.po
+++ b/locales/fr/LC_MESSAGES/volto.po
@@ -841,6 +841,12 @@ msgstr "Zone responsable"
 msgid "argoment"
 msgstr "Sujet"
 
+#: components/ItaliaTheme/Blocks/Listing/RibbonCardTemplate
+#: components/ItaliaTheme/Blocks/Listing/SimpleCard/SimpleCardTemplateCompact
+# defaultMessage: Icona {type}
+msgid "argument_icon"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/ArgumentsInEvidence/Sidebar
 # defaultMessage: Argomenti in evidenza
 msgid "arguments_in_evidence_block"
@@ -1159,6 +1165,11 @@ msgstr "Formats téléchargeables"
 msgid "casi_particolari"
 msgstr "Cas spéciaux"
 
+#: components/ItaliaTheme/Cards/CardCategory
+# defaultMessage: Icona categoria
+msgid "category_icon"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/VideoGallery/Sidebar
 # defaultMessage: Link al canale
 msgid "channel_link"
@@ -1217,6 +1228,11 @@ msgstr ""
 msgid "close-menu"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Accordion/Block/ViewBlock
+# defaultMessage: Chiudi l'accordion
+msgid "closeAccordion"
+msgstr ""
+
 #: components/ItaliaTheme/Header/HeaderSearch/SearchModal
 # defaultMessage: Chiudi cerca
 msgid "closeSearch"
@@ -1758,6 +1774,11 @@ msgstr "Télécharger"
 msgid "downloadPlayVideo"
 msgstr ""
 
+#: components/SelectInput/SelectInput
+# defaultMessage: Apri il menu
+msgid "dropdown_indicator"
+msgstr ""
+
 #: components/ItaliaTheme/manage/Widgets/MenuConfigurationForm
 # defaultMessage: Additional classes
 msgid "dropdownmenu-additionalClasses"
@@ -2231,6 +2252,26 @@ msgstr ""
 msgid "iconDescription"
 msgstr ""
 
+#: components/ItaliaTheme/View/Commons/Argument/ArgumentIcon
+# defaultMessage: Icona per l'argomento {topic_title}
+msgid "icon_title"
+msgstr ""
+
+#: components/ItaliaTheme/View/Commons/LocationItem
+# defaultMessage: Icona luoghi
+msgid "icona_luoghi"
+msgstr ""
+
+#: components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreEsterno
+# defaultMessage: Icona telefono
+msgid "icona_telefono"
+msgstr ""
+
+#: components/ItaliaTheme/View/Commons/OfficeCard
+# defaultMessage: Icona ufficio
+msgid "icona_ufficio"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/IconBlocks/Sidebar
 # defaultMessage: Blocco con icone
 msgid "iconss_blocks"
@@ -2613,6 +2654,16 @@ msgstr ""
 msgid "numero_progressivo_cs"
 msgstr "Numéro du communiqué de presse"
 
+#: components/ItaliaTheme/Blocks/Accordion/Block/ViewBlock
+# defaultMessage: Apri l'accordion
+msgid "openAccordion"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Listing/SliderTemplate
+# defaultMessage: Apri il link
+msgid "openLink"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/CTABlock/Block
 # defaultMessage: Apri link in una nuova scheda
 msgid "openLinkInNewTab"
@@ -3942,6 +3993,11 @@ msgstr ""
 msgid "ufficio_responsabile"
 msgstr "Bureau responsable"
 
+#: components/ItaliaTheme/View/Commons/HelpBox
+# defaultMessage: Icona ulteriori informazioni
+msgid "ulteriori_info"
+msgstr ""
+
 #: components/ItaliaTheme/View/Commons/TrasparenzaFields
 #: components/ItaliaTheme/View/PaginaArgomentoView/PaginaArgomentoViewNoBlocks
 #: components/ItaliaTheme/View/TrasparenzaView/DettagliProcedimentiView
diff --git a/locales/it/LC_MESSAGES/volto.po b/locales/it/LC_MESSAGES/volto.po
index e4789beb0..9c47e9621 100644
--- a/locales/it/LC_MESSAGES/volto.po
+++ b/locales/it/LC_MESSAGES/volto.po
@@ -824,6 +824,12 @@ msgstr "Area responsabile"
 msgid "argoment"
 msgstr "Argomento"
 
+#: components/ItaliaTheme/Blocks/Listing/RibbonCardTemplate
+#: components/ItaliaTheme/Blocks/Listing/SimpleCard/SimpleCardTemplateCompact
+# defaultMessage: Icona {type}
+msgid "argument_icon"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/ArgumentsInEvidence/Sidebar
 # defaultMessage: Argomenti in evidenza
 msgid "arguments_in_evidence_block"
@@ -1142,6 +1148,11 @@ msgstr "Formati scaricabili"
 msgid "casi_particolari"
 msgstr "Casi particolari"
 
+#: components/ItaliaTheme/Cards/CardCategory
+# defaultMessage: Icona categoria
+msgid "category_icon"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/VideoGallery/Sidebar
 # defaultMessage: Link al canale
 msgid "channel_link"
@@ -1200,6 +1211,11 @@ msgstr "Rimuovi ricerca testuale"
 msgid "close-menu"
 msgstr "Chiudi menu"
 
+#: components/ItaliaTheme/Blocks/Accordion/Block/ViewBlock
+# defaultMessage: Chiudi l'accordion
+msgid "closeAccordion"
+msgstr ""
+
 #: components/ItaliaTheme/Header/HeaderSearch/SearchModal
 # defaultMessage: Chiudi cerca
 msgid "closeSearch"
@@ -1741,6 +1757,11 @@ msgstr "Scarica"
 msgid "downloadPlayVideo"
 msgstr "Scarica e riproduci video"
 
+#: components/SelectInput/SelectInput
+# defaultMessage: Apri il menu
+msgid "dropdown_indicator"
+msgstr ""
+
 #: components/ItaliaTheme/manage/Widgets/MenuConfigurationForm
 # defaultMessage: Additional classes
 msgid "dropdownmenu-additionalClasses"
@@ -2214,6 +2235,26 @@ msgstr "Icona"
 msgid "iconDescription"
 msgstr "Puoi selezionare un’icona fra quelle proposte nel menu a tendina oppure puoi scrivere/incollare nel campo di testo il nome di un’icona di fontawesome 6"
 
+#: components/ItaliaTheme/View/Commons/Argument/ArgumentIcon
+# defaultMessage: Icona per l'argomento {topic_title}
+msgid "icon_title"
+msgstr ""
+
+#: components/ItaliaTheme/View/Commons/LocationItem
+# defaultMessage: Icona luoghi
+msgid "icona_luoghi"
+msgstr ""
+
+#: components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreEsterno
+# defaultMessage: Icona telefono
+msgid "icona_telefono"
+msgstr ""
+
+#: components/ItaliaTheme/View/Commons/OfficeCard
+# defaultMessage: Icona ufficio
+msgid "icona_ufficio"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/IconBlocks/Sidebar
 # defaultMessage: Blocco con icone
 msgid "iconss_blocks"
@@ -2596,6 +2637,16 @@ msgstr "Blocco numeri"
 msgid "numero_progressivo_cs"
 msgstr "Numero del comunicato stampa"
 
+#: components/ItaliaTheme/Blocks/Accordion/Block/ViewBlock
+# defaultMessage: Apri l'accordion
+msgid "openAccordion"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Listing/SliderTemplate
+# defaultMessage: Apri il link
+msgid "openLink"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/CTABlock/Block
 # defaultMessage: Apri link in una nuova scheda
 msgid "openLinkInNewTab"
@@ -3925,6 +3976,11 @@ msgstr "Unità organizzativa"
 msgid "ufficio_responsabile"
 msgstr "Ufficio responsabile"
 
+#: components/ItaliaTheme/View/Commons/HelpBox
+# defaultMessage: Icona ulteriori informazioni
+msgid "ulteriori_info"
+msgstr ""
+
 #: components/ItaliaTheme/View/Commons/TrasparenzaFields
 #: components/ItaliaTheme/View/PaginaArgomentoView/PaginaArgomentoViewNoBlocks
 #: components/ItaliaTheme/View/TrasparenzaView/DettagliProcedimentiView
diff --git a/locales/volto.pot b/locales/volto.pot
index a2ea34074..dc2b876cf 100644
--- a/locales/volto.pot
+++ b/locales/volto.pot
@@ -826,6 +826,12 @@ msgstr ""
 msgid "argoment"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Listing/RibbonCardTemplate
+#: components/ItaliaTheme/Blocks/Listing/SimpleCard/SimpleCardTemplateCompact
+# defaultMessage: Icona {type}
+msgid "argument_icon"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/ArgumentsInEvidence/Sidebar
 # defaultMessage: Argomenti in evidenza
 msgid "arguments_in_evidence_block"
@@ -1144,6 +1150,11 @@ msgstr ""
 msgid "casi_particolari"
 msgstr ""
 
+#: components/ItaliaTheme/Cards/CardCategory
+# defaultMessage: Icona categoria
+msgid "category_icon"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/VideoGallery/Sidebar
 # defaultMessage: Link al canale
 msgid "channel_link"
@@ -1202,6 +1213,11 @@ msgstr ""
 msgid "close-menu"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Accordion/Block/ViewBlock
+# defaultMessage: Chiudi l'accordion
+msgid "closeAccordion"
+msgstr ""
+
 #: components/ItaliaTheme/Header/HeaderSearch/SearchModal
 # defaultMessage: Chiudi cerca
 msgid "closeSearch"
@@ -1743,6 +1759,11 @@ msgstr ""
 msgid "downloadPlayVideo"
 msgstr ""
 
+#: components/SelectInput/SelectInput
+# defaultMessage: Apri il menu
+msgid "dropdown_indicator"
+msgstr ""
+
 #: components/ItaliaTheme/manage/Widgets/MenuConfigurationForm
 # defaultMessage: Additional classes
 msgid "dropdownmenu-additionalClasses"
@@ -2216,6 +2237,26 @@ msgstr ""
 msgid "iconDescription"
 msgstr ""
 
+#: components/ItaliaTheme/View/Commons/Argument/ArgumentIcon
+# defaultMessage: Icona per l'argomento {topic_title}
+msgid "icon_title"
+msgstr ""
+
+#: components/ItaliaTheme/View/Commons/LocationItem
+# defaultMessage: Icona luoghi
+msgid "icona_luoghi"
+msgstr ""
+
+#: components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreEsterno
+# defaultMessage: Icona telefono
+msgid "icona_telefono"
+msgstr ""
+
+#: components/ItaliaTheme/View/Commons/OfficeCard
+# defaultMessage: Icona ufficio
+msgid "icona_ufficio"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/IconBlocks/Sidebar
 # defaultMessage: Blocco con icone
 msgid "iconss_blocks"
@@ -2598,6 +2639,16 @@ msgstr ""
 msgid "numero_progressivo_cs"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Accordion/Block/ViewBlock
+# defaultMessage: Apri l'accordion
+msgid "openAccordion"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Listing/SliderTemplate
+# defaultMessage: Apri il link
+msgid "openLink"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/CTABlock/Block
 # defaultMessage: Apri link in una nuova scheda
 msgid "openLinkInNewTab"
@@ -3234,7 +3285,7 @@ msgid "search_startDate"
 msgstr ""
 
 #: helpers/Translations/searchBlockExtendedTranslations
-# defaultMessage: Ricerca per: <em>{searchedtext}</em>. 
+# defaultMessage: Ricerca per: <em>{searchedtext}</em>.
 msgid "searchedFor"
 msgstr ""
 
@@ -3927,6 +3978,11 @@ msgstr ""
 msgid "ufficio_responsabile"
 msgstr ""
 
+#: components/ItaliaTheme/View/Commons/HelpBox
+# defaultMessage: Icona ulteriori informazioni
+msgid "ulteriori_info"
+msgstr ""
+
 #: components/ItaliaTheme/View/Commons/TrasparenzaFields
 #: components/ItaliaTheme/View/PaginaArgomentoView/PaginaArgomentoViewNoBlocks
 #: components/ItaliaTheme/View/TrasparenzaView/DettagliProcedimentiView
diff --git a/src/components/ItaliaTheme/Blocks/Accordion/Block/ViewBlock.jsx b/src/components/ItaliaTheme/Blocks/Accordion/Block/ViewBlock.jsx
index 44b7a7b28..7c43c54b6 100644
--- a/src/components/ItaliaTheme/Blocks/Accordion/Block/ViewBlock.jsx
+++ b/src/components/ItaliaTheme/Blocks/Accordion/Block/ViewBlock.jsx
@@ -17,6 +17,14 @@ const messages = defineMessages({
     id: 'Vedi',
     defaultMessage: 'Vedi',
   },
+  closeAccordion: {
+    id: 'closeAccordion',
+    defaultMessage: "Chiudi l'accordion",
+  },
+  openAccordion: {
+    id: 'openAccordion',
+    defaultMessage: "Apri l'accordion",
+  },
 });
 
 /**
@@ -40,6 +48,11 @@ const ViewBlock = ({ data, isOpen, toggle, id, index }) => {
               color="primary"
               icon={isOpen ? 'it-minus' : 'it-plus'}
               padding={false}
+              title={
+                isOpen
+                  ? intl.formatMessage(messages.closeAccordion)
+                  : intl.formatMessage(messages.openAccordion)
+              }
             />
 
             {redraft(
@@ -69,7 +82,10 @@ const ViewBlock = ({ data, isOpen, toggle, id, index }) => {
             <div className="link-more">
               <UniversalLink href={data.href}>
                 {data.linkMoreTitle || intl.formatMessage(messages.vedi)}
-                <Icon icon="it-arrow-right" />
+                <Icon
+                  icon="it-arrow-right"
+                  title={intl.formatMessage(messages.vedi)}
+                />
               </UniversalLink>
             </div>
           )}
diff --git a/src/components/ItaliaTheme/Blocks/Common/SearchFilters/DateFilter.jsx b/src/components/ItaliaTheme/Blocks/Common/SearchFilters/DateFilter.jsx
index 58989fe1d..d93d7ebd8 100644
--- a/src/components/ItaliaTheme/Blocks/Common/SearchFilters/DateFilter.jsx
+++ b/src/components/ItaliaTheme/Blocks/Common/SearchFilters/DateFilter.jsx
@@ -1,5 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import { useIntl, defineMessages } from 'react-intl';
+import { Icon } from 'design-comuni-plone-theme/components/ItaliaTheme';
 
 import { injectLazyLibs } from '@plone/volto/helpers/Loadable/Loadable';
 
@@ -174,6 +175,7 @@ const getDateRangePickerPhrases = (intl) => {
     ),
   };
 };
+
 const DateFilter = (props) => {
   const intl = useIntl();
   const [focusedDateInput, setFocusedDateInput] = useState(null);
@@ -251,6 +253,20 @@ const DateFilter = (props) => {
         hideKeyboardShortcutsPanel={true}
         showClearDates
         phrases={getDateRangePickerPhrases(intl)}
+        customArrowIcon={
+          <Icon
+            icon="it-arrow-right"
+            color="white"
+            title={intl.formatMessage(messages.roleDescription)}
+          />
+        }
+        customCloseIcon={
+          <Icon
+            icon="it-close"
+            color="white"
+            title={intl.formatMessage(messages.clearDates)}
+          />
+        }
       />
     </div>
   );
diff --git a/src/components/ItaliaTheme/Blocks/HeroImageLeft/StoresButtons.jsx b/src/components/ItaliaTheme/Blocks/HeroImageLeft/StoresButtons.jsx
index b687319aa..4193376d8 100644
--- a/src/components/ItaliaTheme/Blocks/HeroImageLeft/StoresButtons.jsx
+++ b/src/components/ItaliaTheme/Blocks/HeroImageLeft/StoresButtons.jsx
@@ -23,14 +23,14 @@ const StoresButtons = ({ data }) => {
         {data.playStoreLink && (
           <Button tag={UniversalLink} href={data.playStoreLink} color="primary">
             <span>PLAY STORE</span>
-            <Icon icon="fab google-play" />
+            <Icon icon="fab google-play" title="Play store" />
           </Button>
         )}
 
         {data.appStoreLink && (
           <Button tag={UniversalLink} href={data.appStoreLink} color="primary">
             <span>APP STORE</span>
-            <Icon icon="fab apple" />
+            <Icon icon="fab apple" title="App store" />
           </Button>
         )}
       </div>
diff --git a/src/components/ItaliaTheme/Blocks/Listing/RibbonCardTemplate.jsx b/src/components/ItaliaTheme/Blocks/Listing/RibbonCardTemplate.jsx
index 76338420a..ceeeb1feb 100644
--- a/src/components/ItaliaTheme/Blocks/Listing/RibbonCardTemplate.jsx
+++ b/src/components/ItaliaTheme/Blocks/Listing/RibbonCardTemplate.jsx
@@ -35,6 +35,10 @@ const messages = defineMessages({
     id: 'Vedi',
     defaultMessage: 'Vedi',
   },
+  argumentIcon: {
+    id: 'argument_icon',
+    defaultMessage: 'Icona {type}',
+  },
 });
 
 const RibbonCardTemplate = (props) => {
@@ -96,7 +100,6 @@ const RibbonCardTemplate = (props) => {
               name: 'BlockExtraTags',
               dependencies: ['RibbonCardTemplate', item['@type']],
             }).component;
-
             return (
               <Col lg={4} sm={12} key={index}>
                 <Card
@@ -113,7 +116,14 @@ const RibbonCardTemplate = (props) => {
 
                   {(category || icon) && (
                     <div className="etichetta">
-                      {icon && <Icon icon={icon} />}
+                      {icon && (
+                        <Icon
+                          icon={icon}
+                          title={intl.formatMessage(messages.argumentIcon, {
+                            type: category || item.design_italia_meta_type,
+                          })}
+                        />
+                      )}
                       {category && <span>{category}</span>}
                     </div>
                   )}
diff --git a/src/components/ItaliaTheme/Blocks/Listing/SimpleCard/SimpleCardTemplateCompact.jsx b/src/components/ItaliaTheme/Blocks/Listing/SimpleCard/SimpleCardTemplateCompact.jsx
index 032958dd1..c9f0ddb23 100644
--- a/src/components/ItaliaTheme/Blocks/Listing/SimpleCard/SimpleCardTemplateCompact.jsx
+++ b/src/components/ItaliaTheme/Blocks/Listing/SimpleCard/SimpleCardTemplateCompact.jsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { useIntl, defineMessages } from 'react-intl';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { UniversalLink } from '@plone/volto/components';
@@ -10,6 +11,13 @@ import {
   ListingLinkMore,
 } from 'design-comuni-plone-theme/components/ItaliaTheme';
 
+const messages = defineMessages({
+  argumentIcon: {
+    id: 'argument_icon',
+    defaultMessage: 'Icona {type}',
+  },
+});
+
 const SimpleCardTemplateCompact = ({
   items,
   isEditMode,
@@ -23,6 +31,7 @@ const SimpleCardTemplateCompact = ({
   titleLine,
   linkmore_id_lighthouse,
 }) => {
+  const intl = useIntl();
   return (
     <div className="simple-card-compact-template">
       {title && (
@@ -49,7 +58,12 @@ const SimpleCardTemplateCompact = ({
           >
             {show_icon && (
               <div className="icon-argument-container">
-                <Icon icon={getItemIcon(item)} />
+                <Icon
+                  icon={getItemIcon(item)}
+                  title={intl.formatMessage(messages.argumentIcon, {
+                    type: item.design_italia_meta_type,
+                  })}
+                />
               </div>
             )}
             <CardBody>
diff --git a/src/components/ItaliaTheme/Blocks/Listing/SliderTemplate.jsx b/src/components/ItaliaTheme/Blocks/Listing/SliderTemplate.jsx
index badf03459..832006211 100644
--- a/src/components/ItaliaTheme/Blocks/Listing/SliderTemplate.jsx
+++ b/src/components/ItaliaTheme/Blocks/Listing/SliderTemplate.jsx
@@ -50,6 +50,10 @@ const messages = defineMessages({
     id: 'slideDot',
     defaultMessage: 'Vai alla slide {index}',
   },
+  openLink: {
+    id: 'openLink',
+    defaultMessage: 'Apri il link',
+  },
 });
 
 function NextArrow(props) {
@@ -81,7 +85,11 @@ function NextArrow(props) {
       onKeyDown={handleKeyboardUsers}
       id="sliderNextArrow"
     >
-      <Icon icon="chevron-right" key="chevron-right" />
+      <Icon
+        icon="chevron-right"
+        key="chevron-right"
+        title={intl.formatMessage(messages.successivo)}
+      />
       <span class="visually-hidden">
         {intl.formatMessage(messages.successivo)}
       </span>
@@ -126,7 +134,11 @@ function PrevArrow(props) {
       id="sliderPrevArrow"
       onKeyDown={handleKeyboardUsers}
     >
-      <Icon icon="chevron-left" key="chevron-left-prev" />
+      <Icon
+        icon="chevron-left"
+        key="chevron-left-prev"
+        title={intl.formatMessage(messages.precedente)}
+      />
       <span class="visually-hidden">
         {intl.formatMessage(messages.precedente)}
       </span>
@@ -185,11 +197,21 @@ const Slide = ({
             >
               {full_width ? (
                 <Container>
-                  {item.title} <Icon icon="arrow-right" key="arrow-right-fw" />
+                  {item.title}{' '}
+                  <Icon
+                    icon="arrow-right"
+                    key="arrow-right-fw"
+                    title={intl.formatMessage(messages.openLink)}
+                  />
                 </Container>
               ) : (
                 <>
-                  {item.title} <Icon icon="arrow-right" key="arrow-right" />
+                  {item.title}{' '}
+                  <Icon
+                    icon="arrow-right"
+                    key="arrow-right"
+                    title={intl.formatMessage(messages.openLink)}
+                  />
                 </>
               )}
             </UniversalLink>
@@ -342,6 +364,11 @@ const SliderTemplate = ({
                   <Icon
                     key={userAutoplay ? 'pause' : 'play'}
                     icon={userAutoplay ? 'pause' : 'play'}
+                    title={
+                      userAutoplay
+                        ? intl.formatMessage(messages.pause)
+                        : intl.formatMessage(messages.play)
+                    }
                   />
                   <span>{userAutoplay ? 'pause' : 'play'}</span>
                 </button>
diff --git a/src/components/ItaliaTheme/Blocks/NumbersBlock/View.jsx b/src/components/ItaliaTheme/Blocks/NumbersBlock/View.jsx
index 9808b9d72..c70c5378c 100644
--- a/src/components/ItaliaTheme/Blocks/NumbersBlock/View.jsx
+++ b/src/components/ItaliaTheme/Blocks/NumbersBlock/View.jsx
@@ -50,9 +50,15 @@ const NumbersView = ({ data, block }) => {
                 <div className="block-header">
                   {(data.icon1 || data.icon2 || data.icon3) && (
                     <div className="icons">
-                      {data.icon1?.length > 0 && <Icon icon={data.icon1} />}
-                      {data.icon2?.length > 0 && <Icon icon={data.icon2} />}
-                      {data.icon3?.length > 0 && <Icon icon={data.icon3} />}
+                      {data.icon1?.length > 0 && (
+                        <Icon icon={data.icon1} title={data.icon1} />
+                      )}
+                      {data.icon2?.length > 0 && (
+                        <Icon icon={data.icon2} title={data.icon2} />
+                      )}
+                      {data.icon3?.length > 0 && (
+                        <Icon icon={data.icon3} title={data.icon3} />
+                      )}
                     </div>
                   )}
 
diff --git a/src/components/ItaliaTheme/Blocks/SearchSections/Body.jsx b/src/components/ItaliaTheme/Blocks/SearchSections/Body.jsx
index 1909ef393..e1f0e0f78 100644
--- a/src/components/ItaliaTheme/Blocks/SearchSections/Body.jsx
+++ b/src/components/ItaliaTheme/Blocks/SearchSections/Body.jsx
@@ -61,7 +61,12 @@ const Body = ({ block, sections }) => {
               onClick={(e) => navigate(inputText, searchFilters())}
               aria-label={intl.formatMessage(messages.doSearch)}
             >
-              <Icon icon="it-search" padding={false} size="sm" />
+              <Icon
+                icon="it-search"
+                padding={false}
+                size="sm"
+                title={intl.formatMessage(messages.doSearch)}
+              />
             </button>
             <input
               className="inputSearch"
diff --git a/src/components/ItaliaTheme/Blocks/VideoGallery/Body.jsx b/src/components/ItaliaTheme/Blocks/VideoGallery/Body.jsx
index 3f42325bd..253f8bd99 100644
--- a/src/components/ItaliaTheme/Blocks/VideoGallery/Body.jsx
+++ b/src/components/ItaliaTheme/Blocks/VideoGallery/Body.jsx
@@ -106,7 +106,12 @@ const Body = ({ data, children, nItems = 0, reactSlick }) => {
         {data?.title && <h2>{data.title}</h2>}
         {(data?.channel_link || data?.channel_link_title) && (
           <div className="channel">
-            <Icon color="primary" icon="it-youtube" className="me-2" />
+            <Icon
+              color="primary"
+              icon="it-youtube"
+              className="me-2"
+              title="YouTube"
+            />
             {data.channel_link ? (
               <UniversalLink
                 href={data.channel_link}
diff --git a/src/components/ItaliaTheme/Cards/CardCategory.jsx b/src/components/ItaliaTheme/Cards/CardCategory.jsx
index 5e4ef6dc8..49dfc8582 100644
--- a/src/components/ItaliaTheme/Cards/CardCategory.jsx
+++ b/src/components/ItaliaTheme/Cards/CardCategory.jsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { useIntl, defineMessages } from 'react-intl';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { UniversalLink } from '@plone/volto/components';
@@ -10,8 +11,16 @@ const propTypes = {
   href: PropTypes.string,
 };
 
+const messages = defineMessages({
+  categoryIcon: {
+    id: 'category_icon',
+    defaultMessage: 'Icona categoria',
+  },
+});
+
 const CardCategory = (props) => {
   const { iconName, date, href, children, ...rest } = props;
+  const intl = useIntl();
   const classes = classNames({
     'category-top': date || ' ',
     'categoryicon-top': iconName,
@@ -29,7 +38,9 @@ const CardCategory = (props) => {
   const categoryText = !href && children && (
     <span className="text">{children}</span>
   );
-  const categoryIcon = iconName && <Icon icon={iconName} />;
+  const categoryIcon = iconName && (
+    <Icon icon={iconName} title={intl.formatMessage(messages.categoryIcon)} />
+  );
 
   return (
     <div className={classes} {...rest}>
diff --git a/src/components/ItaliaTheme/Footer/FooterNavigation.jsx b/src/components/ItaliaTheme/Footer/FooterNavigation.jsx
index f34eb012d..8e45c5241 100644
--- a/src/components/ItaliaTheme/Footer/FooterNavigation.jsx
+++ b/src/components/ItaliaTheme/Footer/FooterNavigation.jsx
@@ -51,7 +51,12 @@ const FooterNavigation = () => {
               <h4>
                 <SectionIcon
                   section={item.url}
-                  iconProps={{ size: 'sm', color: 'white', className: 'me-2' }}
+                  iconProps={{
+                    size: 'sm',
+                    color: 'white',
+                    className: 'me-2',
+                    title: item.title,
+                  }}
                 />
                 <Link
                   to={item.url}
diff --git a/src/components/ItaliaTheme/Footer/FooterSocials.jsx b/src/components/ItaliaTheme/Footer/FooterSocials.jsx
index db2a97984..28016efa0 100644
--- a/src/components/ItaliaTheme/Footer/FooterSocials.jsx
+++ b/src/components/ItaliaTheme/Footer/FooterSocials.jsx
@@ -41,6 +41,7 @@ const FooterSocials = () => {
                 className="align-top"
                 padding={false}
                 size="sm"
+                title={social.title}
               />
               <span className="visually-hidden">{social.title}</span>
             </a>
diff --git a/src/components/ItaliaTheme/Header/HeaderSearch/HeaderSearch.jsx b/src/components/ItaliaTheme/Header/HeaderSearch/HeaderSearch.jsx
index 96fbea568..98842f36d 100644
--- a/src/components/ItaliaTheme/Header/HeaderSearch/HeaderSearch.jsx
+++ b/src/components/ItaliaTheme/Header/HeaderSearch/HeaderSearch.jsx
@@ -35,7 +35,7 @@ const HeaderSearch = () => {
           href="/search"
           role="button"
         >
-          <Icon icon="it-search" />
+          <Icon icon="it-search" title={intl.formatMessage(messages.search)} />
         </a>
       </div>
       <SearchModal
diff --git a/src/components/ItaliaTheme/Header/SocialHeader.jsx b/src/components/ItaliaTheme/Header/SocialHeader.jsx
index ae8fa6e58..1d7d6abd1 100644
--- a/src/components/ItaliaTheme/Header/SocialHeader.jsx
+++ b/src/components/ItaliaTheme/Header/SocialHeader.jsx
@@ -57,7 +57,13 @@ const SocialHeader = () => {
                 target="_blank"
                 rel="noopener noreferrer"
               >
-                <Icon color="" icon={social.icon} padding={false} size="" />
+                <Icon
+                  color=""
+                  icon={social.icon}
+                  padding={false}
+                  size=""
+                  title={social.title}
+                />
               </a>
             </li>
           ))}
diff --git a/src/components/ItaliaTheme/Icons/DesignIcon.jsx b/src/components/ItaliaTheme/Icons/DesignIcon.jsx
index e07e4f8fa..5c51b1332 100644
--- a/src/components/ItaliaTheme/Icons/DesignIcon.jsx
+++ b/src/components/ItaliaTheme/Icons/DesignIcon.jsx
@@ -1,4 +1,5 @@
-import React, { useState, useEffect, useRef } from 'react';
+import React, { useState, useEffect, useRef, useMemo } from 'react';
+import { v4 as uuid } from 'uuid';
 import PropTypes from 'prop-types';
 
 const propTypes = {
@@ -19,6 +20,7 @@ const defaultProps = {
 const Icon = ({ icon, title, className, size }) => {
   const ImportedIconRef = useRef(null);
   const [loading, setLoading] = useState(false);
+  const iconID = useMemo(() => uuid(), []);
 
   useEffect(() => {
     setLoading(true);
@@ -50,9 +52,10 @@ const Icon = ({ icon, title, className, size }) => {
         aria-hidden="true"
         dangerouslySetInnerHTML={{
           __html: title
-            ? `<title>${title}</title>${name.content}`
+            ? `<title id="${iconID}">${title}</title>${name.content}`
             : name.content,
         }}
+        aria-labelledby={iconID}
       />
     );
   }
diff --git a/src/components/ItaliaTheme/Icons/FontAwesomeIcon.jsx b/src/components/ItaliaTheme/Icons/FontAwesomeIcon.jsx
index fa17e5fd6..6fd082386 100644
--- a/src/components/ItaliaTheme/Icons/FontAwesomeIcon.jsx
+++ b/src/components/ItaliaTheme/Icons/FontAwesomeIcon.jsx
@@ -2,17 +2,18 @@
  * Icon component.
  * @module components/ItaliaTheme/Icons/SectionIcon
  */
-import React from 'react';
+import React, { useMemo } from 'react';
+import { v4 as uuid } from 'uuid';
 import { fontAwesomeAliases } from 'design-comuni-plone-theme/helpers/index';
 
 const FontAwesomeIcon = (props) => {
   const { className, icon, prefix, title } = props;
+  const iconID = useMemo(() => uuid(), []);
   const [loadedIcon, setLoadedIcon] = React.useState({
     module: null,
     iconName: '',
     family: 'solid',
   });
-
   const getIconAlias = (icon, aliasList) => {
     if (icon in aliasList) {
       return aliasList[icon];
@@ -71,9 +72,10 @@ const FontAwesomeIcon = (props) => {
       className={`icon fa-icon ${className ?? ''}`}
       dangerouslySetInnerHTML={{
         __html: title
-          ? `<title>${title}</title>${loadedIcon.module.content}`
+          ? `<title id="${iconID}">${title}</title>${loadedIcon.module.content}`
           : loadedIcon.module.content,
       }}
+      aria-labelledby={iconID}
       aria-hidden={props['aria-hidden']}
     />
   ) : icon ? (
diff --git a/src/components/ItaliaTheme/Icons/Icon.jsx b/src/components/ItaliaTheme/Icons/Icon.jsx
index e768ec6b2..06939fb88 100644
--- a/src/components/ItaliaTheme/Icons/Icon.jsx
+++ b/src/components/ItaliaTheme/Icons/Icon.jsx
@@ -12,7 +12,6 @@ import { FontAwesomeIcon } from 'design-comuni-plone-theme/components/ItaliaThem
 
 const Icon = (props) => {
   const { icon, className, color, size, padding, ...rest } = props;
-
   if (icon) {
     const classes = classNames(
       'icon',
diff --git a/src/components/ItaliaTheme/Icons/svg/TelegramSVG.jsx b/src/components/ItaliaTheme/Icons/svg/TelegramSVG.jsx
index 3fd17472a..f5350920a 100644
--- a/src/components/ItaliaTheme/Icons/svg/TelegramSVG.jsx
+++ b/src/components/ItaliaTheme/Icons/svg/TelegramSVG.jsx
@@ -10,6 +10,7 @@ const TelegramSVG = (props) => (
     role="img"
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 496 512"
+    aria-label="Telegram"
   >
     <path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm121.8 169.9l-40.7 191.8c-3 13.6-11.1 16.9-22.4 10.5l-62-45.7-29.9 28.8c-3.3 3.3-6.1 6.1-12.5 6.1l4.4-63.1 114.9-103.8c5-4.4-1.1-6.9-7.7-2.5l-142 89.4-61.2-19.1c-13.3-4.2-13.6-13.3 2.8-19.7l239.1-92.2c11.1-4 20.8 2.7 17.2 19.5z"></path>
   </svg>
diff --git a/src/components/ItaliaTheme/Icons/svg/XTwitterSVG.jsx b/src/components/ItaliaTheme/Icons/svg/XTwitterSVG.jsx
index 1d1cad9ef..52d381c43 100644
--- a/src/components/ItaliaTheme/Icons/svg/XTwitterSVG.jsx
+++ b/src/components/ItaliaTheme/Icons/svg/XTwitterSVG.jsx
@@ -10,6 +10,7 @@ const XTwitterSVG = (props) => (
     role="img"
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 496 512"
+    aria-label="Twitter"
   >
     <path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" />
   </svg>
diff --git a/src/components/ItaliaTheme/Pagination/PaginationItem.jsx b/src/components/ItaliaTheme/Pagination/PaginationItem.jsx
index de8182097..b389586c8 100644
--- a/src/components/ItaliaTheme/Pagination/PaginationItem.jsx
+++ b/src/components/ItaliaTheme/Pagination/PaginationItem.jsx
@@ -79,6 +79,7 @@ class PaginationItem extends Component {
                 icon="it-chevron-left"
                 style={{ ariaHidden: true }}
                 color="primary"
+                title={intl.formatMessage(messages.prevPage)}
               />
 
               <span className="visually-hidden">
@@ -92,6 +93,7 @@ class PaginationItem extends Component {
                 icon="it-chevron-right"
                 style={{ ariaHidden: true }}
                 color="primary"
+                title={intl.formatMessage(messages.nextPage)}
               />
               <span className="visually-hidden">
                 {intl.formatMessage(messages.nextPage)}
diff --git a/src/components/ItaliaTheme/View/Commons/Argument/ArgumentIcon.jsx b/src/components/ItaliaTheme/View/Commons/Argument/ArgumentIcon.jsx
index e90c2a21a..69870950f 100644
--- a/src/components/ItaliaTheme/View/Commons/Argument/ArgumentIcon.jsx
+++ b/src/components/ItaliaTheme/View/Commons/Argument/ArgumentIcon.jsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { useIntl, defineMessages } from 'react-intl';
 import PropTypes from 'prop-types';
 import { Icon } from 'design-comuni-plone-theme/components/ItaliaTheme';
 
@@ -8,10 +9,17 @@ import { Icon } from 'design-comuni-plone-theme/components/ItaliaTheme';
  * @params {object} Dates: object.
  * @returns {string} Markup of the component.
  */
-const ArgumentIcon = ({ icon }) => {
+const ArgumentIcon = ({ icon, title }) => {
+  const intl = useIntl();
+
   return icon ? (
     <div className="icon-argument-container mb-2">
-      <Icon icon={icon} />
+      <Icon
+        icon={icon}
+        title={intl.formatMessage(messages.iconTitle, {
+          topic_title: title,
+        })}
+      />
     </div>
   ) : null;
 };
@@ -21,3 +29,10 @@ export default ArgumentIcon;
 ArgumentIcon.propTypes = {
   icon: PropTypes.string,
 };
+
+const messages = defineMessages({
+  iconTitle: {
+    id: 'icon_title',
+    defaultMessage: "Icona per l'argomento {topic_title}",
+  },
+});
diff --git a/src/components/ItaliaTheme/View/Commons/HelpBox.jsx b/src/components/ItaliaTheme/View/Commons/HelpBox.jsx
index 688fe4b41..7636343ae 100644
--- a/src/components/ItaliaTheme/View/Commons/HelpBox.jsx
+++ b/src/components/ItaliaTheme/View/Commons/HelpBox.jsx
@@ -1,10 +1,12 @@
 import React from 'react';
+import { useIntl, defineMessages } from 'react-intl';
 import PropTypes from 'prop-types';
 import { Callout, CalloutTitle } from 'design-react-kit';
 import { Icon } from 'design-comuni-plone-theme/components/ItaliaTheme';
 import { RichText } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
 const HelpBox = ({ text }) => {
+  const intl = useIntl();
   return text ? (
     <Callout color="">
       <CalloutTitle tag="div">
@@ -14,6 +16,7 @@ const HelpBox = ({ text }) => {
           padding={false}
           size=""
           aria-hidden
+          title={intl.formatMessage(messages.ulteriori_info)}
         />
         <span className="text"></span>
       </CalloutTitle>
@@ -28,4 +31,10 @@ HelpBox.propTypes = {
   text: PropTypes.object.isRequired,
 };
 
+const messages = defineMessages({
+  ulteriori_info: {
+    id: 'ulteriori_info',
+    defaultMessage: 'Icona ulteriori informazioni',
+  },
+});
 export default HelpBox;
diff --git a/src/components/ItaliaTheme/View/Commons/LocationItem.jsx b/src/components/ItaliaTheme/View/Commons/LocationItem.jsx
index 6c6192bd3..c383ecb42 100644
--- a/src/components/ItaliaTheme/View/Commons/LocationItem.jsx
+++ b/src/components/ItaliaTheme/View/Commons/LocationItem.jsx
@@ -27,6 +27,10 @@ const messages = defineMessages({
     id: 'circoscrizione',
     defaultMessage: 'Circoscrizione',
   },
+  icona_luoghi: {
+    id: 'icona_luoghi',
+    defaultMessage: 'Icona luoghi',
+  },
 });
 
 const LocationItem = ({
@@ -45,7 +49,12 @@ const LocationItem = ({
 
   return location ? (
     <div className="card card-teaser shadow mt-3 border-left-card card-big-io-comune p-4 rounded location-item">
-      {show_icon && <Icon icon={'it-pin'} />}
+      {show_icon && (
+        <Icon
+          icon={'it-pin'}
+          title={intl.formatMessage(messages.icona_luoghi)}
+        />
+      )}
       <div className="card-body">
         <div className="card-title h5 venue-card-title">
           {(location.nome_sede || location.title) && (
diff --git a/src/components/ItaliaTheme/View/Commons/OfficeCard.jsx b/src/components/ItaliaTheme/View/Commons/OfficeCard.jsx
index fe499479e..b67c5d20c 100644
--- a/src/components/ItaliaTheme/View/Commons/OfficeCard.jsx
+++ b/src/components/ItaliaTheme/View/Commons/OfficeCard.jsx
@@ -1,3 +1,4 @@
+import { useIntl, defineMessages } from 'react-intl';
 import { UniversalLink } from '@plone/volto/components';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
@@ -21,6 +22,7 @@ const OfficeCard = ({
   no_details = false,
   ...rest
 }) => {
+  const intl = useIntl();
   const Image = config.getComponent({ name: 'Image' }).component;
   const image =
     showimage && Image({ item: office, sizes: '80px', loading: 'lazy' });
@@ -36,7 +38,12 @@ const OfficeCard = ({
       )}
       {...rest}
     >
-      {icon && <Icon icon={icon}></Icon>}
+      {icon && (
+        <Icon
+          icon={icon}
+          title={intl.formatMessage(messages.icona_ufficio)}
+        ></Icon>
+      )}
       <div className="card-body pe-3">
         <div className="card-title h5">
           <UniversalLink
@@ -83,3 +90,10 @@ OfficeCard.propTypes = {
   }),
   icon: PropTypes.string,
 };
+
+const messages = defineMessages({
+  icona_ufficio: {
+    id: 'icona_ufficio',
+    defaultMessage: 'Icona ufficio',
+  },
+});
diff --git a/src/components/ItaliaTheme/View/Commons/SearchSectionForm.jsx b/src/components/ItaliaTheme/View/Commons/SearchSectionForm.jsx
index daa5f8b75..9854c6696 100644
--- a/src/components/ItaliaTheme/View/Commons/SearchSectionForm.jsx
+++ b/src/components/ItaliaTheme/View/Commons/SearchSectionForm.jsx
@@ -99,7 +99,12 @@ const SearchSectionForm = ({ content }) => {
           id="search-page-button"
           className="pe-2 py-0 rounded-0"
         >
-          <Icon icon="it-search" aria-hidden={true} size="sm" />
+          <Icon
+            icon="it-search"
+            aria-hidden={true}
+            size="sm"
+            title={intl.formatMessage(messages.search)}
+          />
         </Button>
       </div>
     </div>
diff --git a/src/components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreEsterno.jsx b/src/components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreEsterno.jsx
index 32a9872e7..85ff6ea56 100644
--- a/src/components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreEsterno.jsx
+++ b/src/components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreEsterno.jsx
@@ -1,3 +1,4 @@
+import { useIntl, defineMessages } from 'react-intl';
 import PropTypes from 'prop-types';
 import { Card, CardBody } from 'design-react-kit';
 import { Icon } from 'design-comuni-plone-theme/components/ItaliaTheme';
@@ -8,6 +9,7 @@ import {
 } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
 const EventoContattiOrganizzatoreEsterno = ({ content }) => {
+  const intl = useIntl();
   return richTextHasContent(content?.organizzato_da_esterno) ||
     content?.telefono ||
     content?.email ||
@@ -18,7 +20,10 @@ const EventoContattiOrganizzatoreEsterno = ({ content }) => {
         noWrapper={true}
         tag="div"
       >
-        <Icon icon="it-telephone" />
+        <Icon
+          icon="it-telephone"
+          title={intl.formatMessage(messages.icona_telefono)}
+        />
 
         <CardBody tag="div" className={'card-body pe-3'}>
           <RichText data={content.organizzato_da_esterno} />
@@ -52,4 +57,11 @@ EventoContattiOrganizzatoreEsterno.propTypes = {
   content: PropTypes.object.isRequired,
 };
 
+const messages = defineMessages({
+  icona_telefono: {
+    id: 'icona_telefono',
+    defaultMessage: 'Icona telefono',
+  },
+});
+
 export default EventoContattiOrganizzatoreEsterno;
diff --git a/src/components/ItaliaTheme/View/PaginaArgomentoView/PaginaArgomentoView.jsx b/src/components/ItaliaTheme/View/PaginaArgomentoView/PaginaArgomentoView.jsx
index d834bb72f..ec9e3e494 100644
--- a/src/components/ItaliaTheme/View/PaginaArgomentoView/PaginaArgomentoView.jsx
+++ b/src/components/ItaliaTheme/View/PaginaArgomentoView/PaginaArgomentoView.jsx
@@ -87,7 +87,7 @@ const PaginaArgomentoView = ({ content }) => {
           >
             <Breadcrumbs pathname={location.pathname} />
 
-            <ArgumentIcon icon={content.icona} />
+            <ArgumentIcon icon={content.icona} title={content.title} />
             <h1 className="mb-3" data-element="page-name">
               {content?.title}
             </h1>
diff --git a/src/components/SelectInput/SelectInput.jsx b/src/components/SelectInput/SelectInput.jsx
index 7e0e37ec9..1902478b2 100644
--- a/src/components/SelectInput/SelectInput.jsx
+++ b/src/components/SelectInput/SelectInput.jsx
@@ -88,6 +88,10 @@ const messages = defineMessages({
     id: 'ay11_select cancel',
     defaultMessage: 'Annulla',
   },
+  dropwdown_indicator: {
+    id: 'dropdown_indicator',
+    defaultMessage: 'Apri il menu',
+  },
 });
 
 const SelectContainer = injectLazyLibs('reactSelect')(({
@@ -131,10 +135,15 @@ MenuList.propTypes = {
 };
 
 const DropdownIndicator = injectLazyLibs('reactSelect')((props) => {
+  const intl = useIntl();
   const components = props.reactSelect.components;
   return (
     <components.DropdownIndicator {...props}>
-      <Icon icon="it-arrow-down-triangle" style={{ ariaHidden: true }} />
+      <Icon
+        icon="it-arrow-down-triangle"
+        style={{ ariaHidden: true }}
+        title={intl.formatMessage(messages.dropwdown_indicator)}
+      />
     </components.DropdownIndicator>
   );
 });
@@ -165,7 +174,11 @@ const ClearIndicator = (props) => {
         style={{ padding: '0px 5px' }}
         title={intl.formatMessage(messages.ay11_for_cancel)}
       >
-        <Icon icon="it-close" style={{ ariaHidden: true }} />
+        <Icon
+          icon="it-close"
+          style={{ ariaHidden: true }}
+          title={intl.formatMessage(messages.ay11_for_cancel)}
+        />
       </div>
     </div>
   );
diff --git a/src/customizations/volto-form-block/components/Field.jsx b/src/customizations/volto-form-block/components/Field.jsx
index daad047a5..1052b5813 100644
--- a/src/customizations/volto-form-block/components/Field.jsx
+++ b/src/customizations/volto-form-block/components/Field.jsx
@@ -10,6 +10,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { useIntl, defineMessages } from 'react-intl';
 import { Input, FormGroup, Label } from 'design-react-kit';
+import { Icon } from 'design-comuni-plone-theme/components/ItaliaTheme';
 
 import FileWidget from 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/FileWidget';
 import { injectLazyLibs } from '@plone/volto/helpers/Loadable/Loadable';
@@ -22,6 +23,24 @@ const messages = defineMessages({
     id: 'form_select_a_value',
     defaultMessage: 'Seleziona un valore',
   },
+  open_menu: {
+    id: 'open_menu',
+    defaultMessage: 'Apri il menu',
+  },
+});
+
+const DropdownIndicator = injectLazyLibs('reactSelect')((props) => {
+  const intl = useIntl();
+  const components = props.reactSelect.components;
+  return (
+    <components.DropdownIndicator {...props}>
+      <Icon
+        icon="chevron-down"
+        style={{ ariaHidden: true }}
+        title={intl.formatMessage(messages.open_menu)}
+      />
+    </components.DropdownIndicator>
+  );
 });
 
 /**
@@ -114,6 +133,7 @@ const Field = ({
             <Select
               components={{
                 IndicatorSeparator: null,
+                DropdownIndicator,
               }}
               id={name}
               name={name}
diff --git a/src/customizations/volto/components/manage/Blocks/Search/components/DateRangeFacet.jsx b/src/customizations/volto/components/manage/Blocks/Search/components/DateRangeFacet.jsx
index bb0415e19..b94c6481e 100644
--- a/src/customizations/volto/components/manage/Blocks/Search/components/DateRangeFacet.jsx
+++ b/src/customizations/volto/components/manage/Blocks/Search/components/DateRangeFacet.jsx
@@ -3,7 +3,7 @@
   - Use with more plone.app.querystring.date operations
 */
 import React, { useState } from 'react';
-import { Icon } from 'design-react-kit';
+import { Icon } from 'design-comuni-plone-theme/components/ItaliaTheme';
 import { defineMessages, injectIntl } from 'react-intl';
 import { injectLazyLibs } from '@plone/volto/helpers/Loadable/Loadable';
 import { compose } from 'redux';
@@ -57,6 +57,13 @@ const NextIcon = () => (
   </div>
 );
 
+const customArrowIcon = (props) => {
+  const { intl } = props;
+  return (
+    <Icon icon="it-arrow-right" title={intl.formatMessage(messages.endDate)} />
+  );
+};
+
 const CloseIcon = () => <Icon icon="it-close" size="24px" className="close" />;
 
 const DateRangeFacet = (props) => {
@@ -95,6 +102,7 @@ const DateRangeFacet = (props) => {
             isOutsideRange={() => false}
             navPrev={<PrevIcon />}
             navNext={<NextIcon />}
+            customArrowIcon={customArrowIcon(props)}
           />
         </div>
       </div>
diff --git a/src/customizations/volto/components/theme/Navigation/Navigation.jsx b/src/customizations/volto/components/theme/Navigation/Navigation.jsx
index d8d984112..f710f8533 100644
--- a/src/customizations/volto/components/theme/Navigation/Navigation.jsx
+++ b/src/customizations/volto/components/theme/Navigation/Navigation.jsx
@@ -100,13 +100,16 @@ const Navigation = ({ pathname }) => {
           <HeaderToggler
             aria-controls="it-navigation-collapse"
             aria-expanded={collapseOpen}
-            aria-label="Toggle navigation"
+            aria-label={intl.formatMessage(messages.toggleNavigation)}
             onClick={() => {
               setCollapseOpen(!collapseOpen);
               setFocusTrapActive(!focusTrapActive);
             }}
           >
-            <Icon icon="it-burger" />
+            <Icon
+              icon="it-burger"
+              title={intl.formatMessage(messages.toggleNavigation)}
+            />
           </HeaderToggler>
           <Collapse
             header
@@ -161,7 +164,12 @@ const Navigation = ({ pathname }) => {
                   title={intl.formatMessage(messages.CloseMenu)}
                   onClick={() => setCollapseOpen(!collapseOpen)}
                 >
-                  <Icon color="white" icon="it-close-big" padding={false} />
+                  <Icon
+                    color="white"
+                    icon="it-close-big"
+                    padding={false}
+                    title={intl.formatMessage(messages.CloseMenu)}
+                  />
                 </button>
               </div>
             </FocusLock>
@@ -177,6 +185,10 @@ const messages = defineMessages({
     id: 'close-menu',
     defaultMessage: 'Chiudi menu',
   },
+  toggleNavigation: {
+    id: 'toggle-navigation',
+    defaultMessage: 'Apri il menu',
+  },
 });
 
 Navigation.propTypes = {

From 4acc74fff73d736ab743f08962bb0d76c6138302 Mon Sep 17 00:00:00 2001
From: Martina Bustacchini <41484878+deodorhunter@users.noreply.github.com>
Date: Tue, 2 Apr 2024 17:02:52 +0200
Subject: [PATCH 14/19] fix: remove icon from Organizzatori eventi card (#628)

---
 .../EventoContattiOrganizzatoreEsterno.jsx        | 15 ---------------
 .../EventoContattiOrganizzatoreInterno.jsx        |  1 -
 2 files changed, 16 deletions(-)

diff --git a/src/components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreEsterno.jsx b/src/components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreEsterno.jsx
index 85ff6ea56..b434308a0 100644
--- a/src/components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreEsterno.jsx
+++ b/src/components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreEsterno.jsx
@@ -1,7 +1,5 @@
-import { useIntl, defineMessages } from 'react-intl';
 import PropTypes from 'prop-types';
 import { Card, CardBody } from 'design-react-kit';
-import { Icon } from 'design-comuni-plone-theme/components/ItaliaTheme';
 import {
   RichText,
   richTextHasContent,
@@ -9,7 +7,6 @@ import {
 } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
 const EventoContattiOrganizzatoreEsterno = ({ content }) => {
-  const intl = useIntl();
   return richTextHasContent(content?.organizzato_da_esterno) ||
     content?.telefono ||
     content?.email ||
@@ -20,11 +17,6 @@ const EventoContattiOrganizzatoreEsterno = ({ content }) => {
         noWrapper={true}
         tag="div"
       >
-        <Icon
-          icon="it-telephone"
-          title={intl.formatMessage(messages.icona_telefono)}
-        />
-
         <CardBody tag="div" className={'card-body pe-3'}>
           <RichText data={content.organizzato_da_esterno} />
           {content?.telefono && (
@@ -57,11 +49,4 @@ EventoContattiOrganizzatoreEsterno.propTypes = {
   content: PropTypes.object.isRequired,
 };
 
-const messages = defineMessages({
-  icona_telefono: {
-    id: 'icona_telefono',
-    defaultMessage: 'Icona telefono',
-  },
-});
-
 export default EventoContattiOrganizzatoreEsterno;
diff --git a/src/components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreInterno.jsx b/src/components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreInterno.jsx
index 22d9c4f4a..a0518130f 100644
--- a/src/components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreInterno.jsx
+++ b/src/components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreInterno.jsx
@@ -23,7 +23,6 @@ const EventoContattiOrganizzatoreInterno = ({ content }) => {
           margin_bottom={index < content?.organizzato_da_interno?.length - 1}
           key={item['@id']}
           office={item}
-          icon={'it-telephone'}
         >
           {richTextHasContent(content?.contatto_reperibilita) && (
             <p className="card-text mt-3">

From c5549a7285822df258b53f88ad3c53bcbf3c00aa Mon Sep 17 00:00:00 2001
From: Giulia Ghisini <51911425+giuliaghisini@users.noreply.github.com>
Date: Tue, 2 Apr 2024 17:04:26 +0200
Subject: [PATCH 15/19] fix: view Listing blocks inside Grid block (#626)

---
 RELEASE.md                                   |  1 +
 src/config/italiaConfig.js                   |  7 ++
 src/theme/ItaliaTheme/Blocks/_gridBlock.scss | 70 ++++++++++++++++++++
 3 files changed, 78 insertions(+)

diff --git a/RELEASE.md b/RELEASE.md
index d85024e2a..583fb3e9e 100644
--- a/RELEASE.md
+++ b/RELEASE.md
@@ -54,6 +54,7 @@
 
 ### Fix
 
+- Sistemata la visualizzazione dei blocchi elenco all'interno del blocco griglia
 - L'etichetta della Card con Nastro (Blocco Elenco) non si sovrappone più all'immagine del nastro.
 - Aggiustato il layout della card per il CT persone quando è impostata un'immagine.
 
diff --git a/src/config/italiaConfig.js b/src/config/italiaConfig.js
index 05be17c8f..18685dede 100644
--- a/src/config/italiaConfig.js
+++ b/src/config/italiaConfig.js
@@ -384,6 +384,7 @@ export default function applyConfig(voltoConfig) {
 
   const customBlocks = {
     ...getItaliaBlocks(config),
+
     listing: {
       ...config.blocks.blocksConfig.listing,
       showLinkMore: true,
@@ -453,6 +454,12 @@ export default function applyConfig(voltoConfig) {
     showEditBlocksInBabelView: true,
   };
 
+  //per avere la conf dei blocchi anche nel blocco grid, altrimenti nel blocco grid prende la conf base di volto.
+  config.blocks.blocksConfig.gridBlock = {
+    ...config.blocks.blocksConfig.gridBlock,
+    blocksConfig: config.blocks.blocksConfig,
+  };
+
   removeListingVariation(config, 'default'); // removes default volto template, because it will be overrided
   removeListingVariation(config, 'summary'); // removes summary volto template, because is unused
   removeListingVariation(config, 'imageGallery'); // removes imageGallery volto template, because we have our photoGallery template
diff --git a/src/theme/ItaliaTheme/Blocks/_gridBlock.scss b/src/theme/ItaliaTheme/Blocks/_gridBlock.scss
index cd7790970..b8141660c 100644
--- a/src/theme/ItaliaTheme/Blocks/_gridBlock.scss
+++ b/src/theme/ItaliaTheme/Blocks/_gridBlock.scss
@@ -5,6 +5,56 @@
     height: unset !important;
   }
 
+  .block {
+    .full-width,
+    &.full-width {
+      right: unset;
+      left: unset;
+      width: auto !important;
+      margin-right: unset !important;
+      margin-left: unset !important;
+    }
+
+    .container {
+      width: auto !important;
+    }
+
+    &.listing {
+      &.simpleCard,
+      &.attachmentCardTemplate {
+        .card-teaser-block-3 {
+          > .card-teaser {
+            flex: 0 0 49%; //invece di 3 elementi per riga, ne mostro due perchè c'è poco spazio
+          }
+        }
+      }
+
+      &.cardWithImageTemplate,
+      &.ribbonCardTemplate,
+      &.completeBlockLinksTemplate {
+        .col-lg-4,
+        .col-xl-4,
+        .col-lg-3 {
+          width: 50%; //invece di 3 elementi per riga, ne mostro due perchè c'è poco spazio
+        }
+      }
+
+      &.cardSlideUpTextTemplate,
+      &.quaresImageTemplate {
+        .grid {
+          grid-template-columns: 1fr 1fr;
+        }
+      }
+
+      &.bandiInEvidenceTemplate {
+        .bandi-in-evidence-cards-wrapper {
+          grid-template-columns: 1fr 1fr;
+        }
+      }
+    }
+  }
+
+  //in edit (cms-ui)
   .gridBlock-container {
     position: relative;
     max-width: 1320px;
@@ -15,6 +65,11 @@
       left: 16px !important;
     }
 
+    .block-editor-listing {
+      padding-right: 0;
+      padding-left: 0;
+    }
+
     .block {
       .image {
         .ui.message {
@@ -30,3 +85,18 @@
     }
   }
 }
+
+body.cms-ui.has-toolbar.has-sidebar {
+  .block.gridBlock {
+    .public-ui {
+      .container {
+        width: auto !important;
+      }
+
+      .full-width > .px-4.container {
+        padding-right: 24px !important;
+        padding-left: 24px !important;
+      }
+    }
+  }
+}

From 17048e25cd467579118519d8789567b69207394e Mon Sep 17 00:00:00 2001
From: Sara Bianchi <43245702+SaraBianchi@users.noreply.github.com>
Date: Tue, 2 Apr 2024 17:08:54 +0200
Subject: [PATCH 16/19] fix: reset of search blocks results (#625)

* fix: fixed reset of search blocks results

* docs: updated release.md
---
 RELEASE.md                                    |  1 +
 locales/volto.pot                             |  4 ++--
 src/actions/index.js                          |  3 ++-
 src/actions/resetQuerystringResults.js        | 18 +++++++++++++++++
 .../ItaliaTheme/Blocks/BandiSearch/Body.jsx   | 18 +++++++++++------
 .../ItaliaTheme/Blocks/BandiSearch/Edit.jsx   |  3 ++-
 .../ItaliaTheme/Blocks/BandiSearch/View.jsx   |  1 +
 .../ItaliaTheme/Blocks/EventSearch/Body.jsx   | 20 +++++++++++--------
 .../ItaliaTheme/Blocks/EventSearch/Edit.jsx   |  3 ++-
 .../ItaliaTheme/Blocks/EventSearch/View.jsx   |  1 +
 .../ItaliaTheme/Blocks/UOSearch/Body.jsx      | 17 +++++++++++-----
 .../ItaliaTheme/Blocks/UOSearch/Edit.jsx      |  3 ++-
 .../ItaliaTheme/Blocks/UOSearch/View.jsx      |  1 +
 13 files changed, 68 insertions(+), 25 deletions(-)
 create mode 100644 src/actions/resetQuerystringResults.js

diff --git a/RELEASE.md b/RELEASE.md
index 583fb3e9e..6e35caf9e 100644
--- a/RELEASE.md
+++ b/RELEASE.md
@@ -57,6 +57,7 @@
 - Sistemata la visualizzazione dei blocchi elenco all'interno del blocco griglia
 - L'etichetta della Card con Nastro (Blocco Elenco) non si sovrappone più all'immagine del nastro.
 - Aggiustato il layout della card per il CT persone quando è impostata un'immagine.
+- Sistemato bug su blocchi di ricerca Bandi, Eventi e UO nei quali rimanevano memorizzati i risultati di ricerca anche se si lasciava la pagina con questi blocchi.
 
 ## Versione 11.8.0 (19/03/2024)
 
diff --git a/locales/volto.pot b/locales/volto.pot
index dc2b876cf..7f8ce3912 100644
--- a/locales/volto.pot
+++ b/locales/volto.pot
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2024-03-27T15:08:22.683Z\n"
+"POT-Creation-Date: 2024-03-28T15:22:56.240Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "MIME-Version: 1.0\n"
@@ -3285,7 +3285,7 @@ msgid "search_startDate"
 msgstr ""
 
 #: helpers/Translations/searchBlockExtendedTranslations
-# defaultMessage: Ricerca per: <em>{searchedtext}</em>.
+# defaultMessage: Ricerca per: <em>{searchedtext}</em>. 
 msgid "searchedFor"
 msgstr ""
 
diff --git a/src/actions/index.js b/src/actions/index.js
index c563bcc8b..4c7e4676c 100644
--- a/src/actions/index.js
+++ b/src/actions/index.js
@@ -14,7 +14,7 @@
 import { getSearchFilters, GET_SEARCH_FILTERS } from './getSearchFilters';
 import { getSearchResults, GET_SEARCH_RESULTS } from './getSearchResults';
 import { getCalendarResults, GET_CALENDAR_RESULTS } from './calendarSearch';
-
+import { resetQuerystringResults } from './resetQuerystringResults';
 import { setOriginalQuery, ORIGINAL_QUERY } from './setOriginalQuery';
 
 import {
@@ -61,4 +61,5 @@ export {
   ORIGINAL_QUERY,
   getSearchBandiFilters,
   GET_SEARCH_BANDI_FILTERS,
+  resetQuerystringResults,
 };
diff --git a/src/actions/resetQuerystringResults.js b/src/actions/resetQuerystringResults.js
new file mode 100644
index 000000000..7ef3e3c66
--- /dev/null
+++ b/src/actions/resetQuerystringResults.js
@@ -0,0 +1,18 @@
+/*
+- il reducer del type RESET_QUERYSTRING_RESULTS viene già dichiarato in Volto nel file reducers/querystringsearch/querystringsearch.js
+*/
+
+export const RESET_QUERYSTRING_RESULTS = 'RESET_QUERYSTRING_RESULTS';
+
+/**
+ * Reset querystring results function.
+ * @function resetQuerystringResults
+ * @param {string} subrequest Key of the subrequest.
+ * @returns {Object} Search content action.
+ */
+export function resetQuerystringResults(subrequest = null) {
+  return {
+    type: RESET_QUERYSTRING_RESULTS,
+    subrequest,
+  };
+}
diff --git a/src/components/ItaliaTheme/Blocks/BandiSearch/Body.jsx b/src/components/ItaliaTheme/Blocks/BandiSearch/Body.jsx
index b12cef130..2c807e508 100644
--- a/src/components/ItaliaTheme/Blocks/BandiSearch/Body.jsx
+++ b/src/components/ItaliaTheme/Blocks/BandiSearch/Body.jsx
@@ -9,7 +9,7 @@ import { getQueryStringResults } from '@plone/volto/actions';
 import { flattenToAppURL } from '@plone/volto/helpers';
 import BandiInEvidenceTemplate from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate';
 import { Pagination } from 'design-comuni-plone-theme/components/ItaliaTheme';
-
+import { resetQuerystringResults } from 'design-comuni-plone-theme/actions';
 import FiltersConfig from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/BandiSearch/FiltersConfig';
 
 const messages = defineMessages({
@@ -32,7 +32,7 @@ const messages = defineMessages({
   },
 });
 
-const Body = ({ data, inEditMode, path, onChangeBlock }) => {
+const Body = ({ data, id, inEditMode, path, onChangeBlock }) => {
   const intl = useIntl();
   const b_size = 6;
 
@@ -44,14 +44,19 @@ const Body = ({ data, inEditMode, path, onChangeBlock }) => {
   const dispatch = useDispatch();
 
   const querystringResults = useSelector((state) => {
-    return state.querystringsearch?.subrequests?.bandi_search;
+    return state.querystringsearch?.subrequests?.[id + '_bandi_search'];
   });
   const items = useSelector((state) => {
-    return state.querystringsearch?.subrequests?.bandi_search?.items ?? [];
+    return (
+      state.querystringsearch?.subrequests?.[id + '_bandi_search']?.items ?? []
+    );
   });
 
   const loading = useSelector((state) => {
-    return state.querystringsearch?.subrequests?.bandi_search?.loading || false;
+    return (
+      state.querystringsearch?.subrequests?.[id + '_bandi_search']?.loading ||
+      false
+    );
   });
 
   const resultsRef = createRef();
@@ -92,7 +97,7 @@ const Body = ({ data, inEditMode, path, onChangeBlock }) => {
           sort_on: data.sort_on,
           sort_order: data.sort_order ? 'descending' : 'ascending',
         },
-        'bandi_search',
+        id + '_bandi_search',
         page,
       ),
     );
@@ -112,6 +117,7 @@ const Body = ({ data, inEditMode, path, onChangeBlock }) => {
       newState = {
         ...getInitialState(),
       };
+      dispatch(resetQuerystringResults(id + '_bandi_search'));
     } else {
       const f = newState[action.filter];
       const defaultReducer = (value, state) => value;
diff --git a/src/components/ItaliaTheme/Blocks/BandiSearch/Edit.jsx b/src/components/ItaliaTheme/Blocks/BandiSearch/Edit.jsx
index d8f1e5071..7495a50a2 100644
--- a/src/components/ItaliaTheme/Blocks/BandiSearch/Edit.jsx
+++ b/src/components/ItaliaTheme/Blocks/BandiSearch/Edit.jsx
@@ -14,7 +14,7 @@ const messages = defineMessages({
   },
 });
 
-const Edit = ({ data, block, onChangeBlock, selected, pathname }) => {
+const Edit = ({ data, id, block, onChangeBlock, selected, pathname }) => {
   const intl = useIntl();
 
   return (
@@ -24,6 +24,7 @@ const Edit = ({ data, block, onChangeBlock, selected, pathname }) => {
       )}
       <Body
         data={data}
+        id={id}
         path={getBaseUrl(pathname)}
         inEditMode={true}
         onChangeBlock={onChangeBlock}
diff --git a/src/components/ItaliaTheme/Blocks/BandiSearch/View.jsx b/src/components/ItaliaTheme/Blocks/BandiSearch/View.jsx
index ac847c35a..958613c5d 100644
--- a/src/components/ItaliaTheme/Blocks/BandiSearch/View.jsx
+++ b/src/components/ItaliaTheme/Blocks/BandiSearch/View.jsx
@@ -8,6 +8,7 @@ const View = ({ data, id, path, properties, block }) => {
     <div className="bandi-search">
       <Body
         data={data}
+        id={id}
         path={getBaseUrl(path)}
         properties={properties}
         block={block}
diff --git a/src/components/ItaliaTheme/Blocks/EventSearch/Body.jsx b/src/components/ItaliaTheme/Blocks/EventSearch/Body.jsx
index 2e912e6e5..d1c4dcd23 100644
--- a/src/components/ItaliaTheme/Blocks/EventSearch/Body.jsx
+++ b/src/components/ItaliaTheme/Blocks/EventSearch/Body.jsx
@@ -9,7 +9,7 @@ import { getQueryStringResults } from '@plone/volto/actions';
 import { flattenToAppURL } from '@plone/volto/helpers';
 import CardWithImageTemplate from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Listing/CardWithImageTemplate';
 import { Pagination } from 'design-comuni-plone-theme/components/ItaliaTheme';
-
+import { resetQuerystringResults } from 'design-comuni-plone-theme/actions';
 import FiltersConfig from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/EventSearch/FiltersConfig';
 
 const messages = defineMessages({
@@ -32,7 +32,7 @@ const messages = defineMessages({
   },
 });
 
-const Body = ({ data, inEditMode, path, onChangeBlock }) => {
+const Body = ({ data, id, inEditMode, path, onChangeBlock }) => {
   const intl = useIntl();
   const b_size = 6;
 
@@ -44,22 +44,25 @@ const Body = ({ data, inEditMode, path, onChangeBlock }) => {
   const dispatch = useDispatch();
 
   const querystringResults = useSelector((state) => {
-    return state.querystringsearch?.subrequests?.events_search;
+    return state.querystringsearch?.subrequests?.[id + '_events_search'];
   });
   const items = useSelector((state) => {
-    return state.querystringsearch?.subrequests?.events_search?.items ?? [];
+    return (
+      state.querystringsearch?.subrequests?.[id + '_events_search']?.items ?? []
+    );
   });
 
   const loading = useSelector((state) => {
     return (
-      state.querystringsearch?.subrequests?.events_search?.loading || false
+      state.querystringsearch?.subrequests?.[id + '_events_search']?.loading ||
+      false
     );
   });
 
   const firstLoading = useSelector((state) => {
     return (
-      !state.querystringsearch?.subrequests?.events_search?.loading &&
-      !state.querystringsearch?.subrequests?.events_search?.loaded
+      !state.querystringsearch?.subrequests?.[id + '_events_search']?.loading &&
+      !state.querystringsearch?.subrequests?.[id + '_events_search']?.loaded
     );
   });
 
@@ -99,7 +102,7 @@ const Body = ({ data, inEditMode, path, onChangeBlock }) => {
           query: query,
           b_size: b_size,
         },
-        'events_search',
+        id + '_events_search',
         page,
       ),
     );
@@ -123,6 +126,7 @@ const Body = ({ data, inEditMode, path, onChangeBlock }) => {
       newState = {
         ...getInitialState(),
       };
+      dispatch(resetQuerystringResults(id + '_events_search'));
     } else {
       const f = newState[action.filter];
       const defaultReducer = (value, state) => value;
diff --git a/src/components/ItaliaTheme/Blocks/EventSearch/Edit.jsx b/src/components/ItaliaTheme/Blocks/EventSearch/Edit.jsx
index f7749ccbc..dd175a093 100644
--- a/src/components/ItaliaTheme/Blocks/EventSearch/Edit.jsx
+++ b/src/components/ItaliaTheme/Blocks/EventSearch/Edit.jsx
@@ -14,7 +14,7 @@ const messages = defineMessages({
   },
 });
 
-const Edit = ({ data, block, onChangeBlock, selected, pathname }) => {
+const Edit = ({ data, id, block, onChangeBlock, selected, pathname }) => {
   const intl = useIntl();
 
   return (
@@ -24,6 +24,7 @@ const Edit = ({ data, block, onChangeBlock, selected, pathname }) => {
       )}
       <Body
         data={data}
+        id={id}
         path={getBaseUrl(pathname)}
         inEditMode={true}
         onChangeBlock={onChangeBlock}
diff --git a/src/components/ItaliaTheme/Blocks/EventSearch/View.jsx b/src/components/ItaliaTheme/Blocks/EventSearch/View.jsx
index 631289b84..a37d80e68 100644
--- a/src/components/ItaliaTheme/Blocks/EventSearch/View.jsx
+++ b/src/components/ItaliaTheme/Blocks/EventSearch/View.jsx
@@ -9,6 +9,7 @@ const View = ({ data, id, path, properties, block }) => {
       <div className="event-search">
         <Body
           data={data}
+          id={id}
           path={getBaseUrl(path)}
           properties={properties}
           block={block}
diff --git a/src/components/ItaliaTheme/Blocks/UOSearch/Body.jsx b/src/components/ItaliaTheme/Blocks/UOSearch/Body.jsx
index 5077b0783..765f671b5 100644
--- a/src/components/ItaliaTheme/Blocks/UOSearch/Body.jsx
+++ b/src/components/ItaliaTheme/Blocks/UOSearch/Body.jsx
@@ -8,6 +8,7 @@ import { getQueryStringResults } from '@plone/volto/actions';
 import { flattenToAppURL } from '@plone/volto/helpers';
 import CardWithImageTemplate from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Listing/CardWithImageTemplate';
 import { Pagination } from 'design-comuni-plone-theme/components/ItaliaTheme';
+import { resetQuerystringResults } from 'design-comuni-plone-theme/actions';
 import FiltersConfig from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/UOSearch/FiltersConfig';
 
 const messages = defineMessages({
@@ -30,7 +31,7 @@ const messages = defineMessages({
   },
 });
 
-const Body = ({ data, inEditMode, path, onChangeBlock }) => {
+const Body = ({ data, id, inEditMode, path, onChangeBlock }) => {
   const intl = useIntl();
   const b_size = 6;
 
@@ -40,14 +41,19 @@ const Body = ({ data, inEditMode, path, onChangeBlock }) => {
   const dispatch = useDispatch();
 
   const querystringResults = useSelector((state) => {
-    return state.querystringsearch?.subrequests?.uo_search;
+    return state.querystringsearch?.subrequests?.[id + '_uo_search'];
   });
   const items = useSelector((state) => {
-    return state.querystringsearch?.subrequests?.uo_search?.items ?? [];
+    return (
+      state.querystringsearch?.subrequests?.[id + '_uo_search']?.items ?? []
+    );
   });
 
   const loading = useSelector((state) => {
-    return state.querystringsearch?.subrequests?.uo_search?.loading || false;
+    return (
+      state.querystringsearch?.subrequests?.[id + '_uo_search']?.loading ||
+      false
+    );
   });
 
   const resultsRef = createRef();
@@ -86,7 +92,7 @@ const Body = ({ data, inEditMode, path, onChangeBlock }) => {
           query: query,
           b_size: b_size,
         },
-        'uo_search',
+        id + '_uo_search',
         page,
       ),
     );
@@ -106,6 +112,7 @@ const Body = ({ data, inEditMode, path, onChangeBlock }) => {
       newState = {
         ...getInitialState(),
       };
+      dispatch(resetQuerystringResults(id + '_uo_search'));
     } else {
       const f = newState[action.filter];
       const defaultReducer = (value, state) => value;
diff --git a/src/components/ItaliaTheme/Blocks/UOSearch/Edit.jsx b/src/components/ItaliaTheme/Blocks/UOSearch/Edit.jsx
index 3b0480dae..96223efc5 100644
--- a/src/components/ItaliaTheme/Blocks/UOSearch/Edit.jsx
+++ b/src/components/ItaliaTheme/Blocks/UOSearch/Edit.jsx
@@ -14,7 +14,7 @@ const messages = defineMessages({
   },
 });
 
-const Edit = ({ data, block, onChangeBlock, selected, pathname }) => {
+const Edit = ({ data, id, block, onChangeBlock, selected, pathname }) => {
   const intl = useIntl();
 
   return (
@@ -24,6 +24,7 @@ const Edit = ({ data, block, onChangeBlock, selected, pathname }) => {
       )}
       <Body
         data={data}
+        id={id}
         path={getBaseUrl(pathname)}
         inEditMode={true}
         onChangeBlock={onChangeBlock}
diff --git a/src/components/ItaliaTheme/Blocks/UOSearch/View.jsx b/src/components/ItaliaTheme/Blocks/UOSearch/View.jsx
index ddbba713a..f3112b16f 100644
--- a/src/components/ItaliaTheme/Blocks/UOSearch/View.jsx
+++ b/src/components/ItaliaTheme/Blocks/UOSearch/View.jsx
@@ -9,6 +9,7 @@ const View = ({ data, id, path, properties, block }) => {
       <div className="event-search">
         <Body
           data={data}
+          id={id}
           path={getBaseUrl(path)}
           properties={properties}
           block={block}

From ae824782dbe201ac3c3c501202b316b4b0ae975e Mon Sep 17 00:00:00 2001
From: Giulia Ghisini <51911425+giuliaghisini@users.noreply.github.com>
Date: Tue, 2 Apr 2024 17:09:21 +0200
Subject: [PATCH 17/19] fix: updated volto-editable-footer to fix view sidebar
 in edit config (#623)

---
 package.json |  2 +-
 yarn.lock    | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 1dccb4e79..b75dee97f 100644
--- a/package.json
+++ b/package.json
@@ -144,7 +144,7 @@
     "volto-blocks-widget": "3.4.0",
     "volto-data-grid-widget": "2.3.1",
     "volto-dropdownmenu": "4.1.1",
-    "volto-editablefooter": "5.1.0",
+    "volto-editablefooter": "5.1.1",
     "volto-feedback": "0.3.0",
     "volto-form-block": "3.7.2",
     "volto-gdpr-privacy": "2.1.1",
diff --git a/yarn.lock b/yarn.lock
index 95e487373..79a5f46fe 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6574,7 +6574,7 @@ __metadata:
     volto-blocks-widget: 3.4.0
     volto-data-grid-widget: 2.3.1
     volto-dropdownmenu: 4.1.1
-    volto-editablefooter: 5.1.0
+    volto-editablefooter: 5.1.1
     volto-feedback: 0.3.0
     volto-form-block: 3.7.2
     volto-gdpr-privacy: 2.1.1
@@ -14331,15 +14331,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"volto-editablefooter@npm:5.1.0":
-  version: 5.1.0
-  resolution: "volto-editablefooter@npm:5.1.0"
+"volto-editablefooter@npm:5.1.1":
+  version: 5.1.1
+  resolution: "volto-editablefooter@npm:5.1.1"
   dependencies:
     react-outside-click-handler: 1.3.0
   peerDependencies:
     "@plone/volto": ">=16.0.0-alpha.38"
     volto-blocks-widget: ">=3.4.0"
-  checksum: 2a1316344048e7447da39b513e067b9368f90057d1ef9bc6541ba0b9cd4a1c04b5246943677a5238d3391c30f3778320fe6e12f3f7c8f310adc61b1c6c8016ad
+  checksum: c9a2e1f96f1aacf10b30052eac5a4f069afc9e32773b0d2f7a35f9a7b5711c2dd4f9cc59acb6d6ada488071cee9cd8fcca732ad59d45acc866140f5ee1c6689e
   languageName: node
   linkType: hard
 

From 5cc5056ecd95bda25940321c8037a0ca0a29361a Mon Sep 17 00:00:00 2001
From: Martina Bustacchini <41484878+deodorhunter@users.noreply.github.com>
Date: Tue, 2 Apr 2024 17:09:41 +0200
Subject: [PATCH 18/19] fix: translation id typo (#622)

* fix: aria-label in calendar block controls

* fix: translation id typo
---
 src/components/ItaliaTheme/Blocks/Calendar/Body.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ItaliaTheme/Blocks/Calendar/Body.jsx b/src/components/ItaliaTheme/Blocks/Calendar/Body.jsx
index 8ca345b14..dcd033610 100644
--- a/src/components/ItaliaTheme/Blocks/Calendar/Body.jsx
+++ b/src/components/ItaliaTheme/Blocks/Calendar/Body.jsx
@@ -200,7 +200,7 @@ const Body = ({ data, block, inEditMode, path, onChangeBlock, reactSlick }) => {
         <FontAwesomeIcon
           aria-hidden={true}
           icon={['fas', 'chevron-left']}
-          title={intl.formatMessage(messages.calendar_next_arrow)}
+          title={intl.formatMessage(messages.calendar_prev_arrow)}
         />
       </Button>
     );

From 282eef72f5caea46f4c40f1a24529b2725193ce3 Mon Sep 17 00:00:00 2001
From: Giulia Ghisini <51911425+giuliaghisini@users.noreply.github.com>
Date: Tue, 2 Apr 2024 17:10:01 +0200
Subject: [PATCH 19/19] fix: footer logo responsive height (#621)

---
 src/theme/ItaliaTheme/_main.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/theme/ItaliaTheme/_main.scss b/src/theme/ItaliaTheme/_main.scss
index 0201a47d5..9cfc4eff1 100644
--- a/src/theme/ItaliaTheme/_main.scss
+++ b/src/theme/ItaliaTheme/_main.scss
@@ -345,7 +345,7 @@ iframe {
 
   .block.image img {
     width: auto;
-    height: 75px;
+    max-height: 75px;
   }
 
   .block.gridBlock {