diff --git a/CHANGELOG.md b/CHANGELOG.md
index d4e975c9d..fc2bce8eb 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,137 @@
 
 
+## [11.8.1](https://github.com/redturtle/design-comuni-plone-theme/compare/v11.8.0...v11.8.1) (2024-03-26)
+
+
+### Bug Fixes
+
+* moved HeaderSlim compoonent inside his folder to enable customizations ([#602](https://github.com/redturtle/design-comuni-plone-theme/issues/602)) ([38c6f3d](https://github.com/redturtle/design-comuni-plone-theme/commit/38c6f3d1312f3b7dbd2e73875cc51af0811adabd))
+* view background image in icons block ([#580](https://github.com/redturtle/design-comuni-plone-theme/issues/580)) ([fee11d1](https://github.com/redturtle/design-comuni-plone-theme/commit/fee11d1126f764d1cb4b3cde720714a1f2934b75))
+* volto-form-block ([#600](https://github.com/redturtle/design-comuni-plone-theme/issues/600)) ([9ac3cac](https://github.com/redturtle/design-comuni-plone-theme/commit/9ac3cac30ff846ae716b73fd1db2019e01760adc))
+
+
+### Documentation
+
+* updated publiccode ([ac87cf3](https://github.com/redturtle/design-comuni-plone-theme/commit/ac87cf398b789b1cd9dcd3c4cfed3030e8809499))
+
+## [11.8.0](https://github.com/redturtle/design-comuni-plone-theme/compare/v11.7.0...v11.8.0) (2024-03-19)
+
+
+### Features
+
+* added download link to filename in file widget ([#587](https://github.com/redturtle/design-comuni-plone-theme/issues/587)) ([96649e2](https://github.com/redturtle/design-comuni-plone-theme/commit/96649e29e79a7b71bf93a27406baa4fc1994a213))
+* print styles for UO ([#581](https://github.com/redturtle/design-comuni-plone-theme/issues/581)) ([91b4752](https://github.com/redturtle/design-comuni-plone-theme/commit/91b47526b69b0957eba6c8e803798f4b3ffcf9bb))
+* TextWidget to add alt text to image ([#573](https://github.com/redturtle/design-comuni-plone-theme/issues/573)) ([d183f27](https://github.com/redturtle/design-comuni-plone-theme/commit/d183f2749a2604ebecb0f0df09ec8770d84c7f59))
+* updated volto-form-block with email validation ([#596](https://github.com/redturtle/design-comuni-plone-theme/issues/596)) ([c21f65b](https://github.com/redturtle/design-comuni-plone-theme/commit/c21f65bc7e54d2fa092ae4bcfbfd1c99670cab5c))
+
+
+### Bug Fixes
+
+* link in header doesn't change color when inside cms-ui ([#583](https://github.com/redturtle/design-comuni-plone-theme/issues/583)) ([d076b0a](https://github.com/redturtle/design-comuni-plone-theme/commit/d076b0a540cf3de3c9f7f08cefca27eff3917f70))
+* updated volto-querywidget-with-browser to fix infinite loops on lost reference ([#599](https://github.com/redturtle/design-comuni-plone-theme/issues/599)) ([c6d4cb6](https://github.com/redturtle/design-comuni-plone-theme/commit/c6d4cb6b51447514fedf2938f40031e42779644e))
+* view form block ([5ff7ea7](https://github.com/redturtle/design-comuni-plone-theme/commit/5ff7ea70474963e3dca126a44d531cc4dc17be74))
+
+
+### Maintenance
+
+* updated volto-form-block to fix view form ([80a6586](https://github.com/redturtle/design-comuni-plone-theme/commit/80a6586ac7d458c46efe51bcc4fa4a9cb3b8d619))
+
+
+### Documentation
+
+* updated publiccode and release log ([3c52c12](https://github.com/redturtle/design-comuni-plone-theme/commit/3c52c12edfed3c12a4fdac212b9f229644bf913f))
+
+## [11.7.0](https://github.com/redturtle/design-comuni-plone-theme/compare/v11.6.2...v11.7.0) (2024-03-15)
+
+
+### Features
+
+* editable footer top ([#528](https://github.com/redturtle/design-comuni-plone-theme/issues/528)) ([542e2ec](https://github.com/redturtle/design-comuni-plone-theme/commit/542e2ecc95be9b182f7d9f6b45ef893852587022))
+* update volto-feedback 0.3.0 ([3d9dfbe](https://github.com/redturtle/design-comuni-plone-theme/commit/3d9dfbe16111065ec04924430a6d3487ab6d1b05))
+* updated volto-form-block to fix multiple form in same page and added schema field custom validator ([#586](https://github.com/redturtle/design-comuni-plone-theme/issues/586)) ([407ae18](https://github.com/redturtle/design-comuni-plone-theme/commit/407ae18d876f6d5ada3095a2990ccbe3727ba06e))
+* view error for each form field, validate form config ([#578](https://github.com/redturtle/design-comuni-plone-theme/issues/578)) ([45e2f72](https://github.com/redturtle/design-comuni-plone-theme/commit/45e2f727ac6ea5f23f57661a1acef83f94b19a2e))
+
+
+### Bug Fixes
+
+* added condition for focus when going back within feedback form ([#588](https://github.com/redturtle/design-comuni-plone-theme/issues/588)) ([7911d89](https://github.com/redturtle/design-comuni-plone-theme/commit/7911d892e04fcb5584ba52d180f8bb79768d5c28))
+* button clear in form block ([68c8bf8](https://github.com/redturtle/design-comuni-plone-theme/commit/68c8bf85183edfeb53cd5525327d6210fae18df3))
+* button type of cancel button in form block ([9a10ff8](https://github.com/redturtle/design-comuni-plone-theme/commit/9a10ff8f40b20753c9400ceb6909e3ff5a543805))
+* default value for show_type in card-with-image-template ([#579](https://github.com/redturtle/design-comuni-plone-theme/issues/579)) ([fe95462](https://github.com/redturtle/design-comuni-plone-theme/commit/fe95462a49e99c5a442023d727676b485ab8edfe))
+* imaged full width view in edit mode ([#570](https://github.com/redturtle/design-comuni-plone-theme/issues/570)) ([053183b](https://github.com/redturtle/design-comuni-plone-theme/commit/053183baea2ce3e11b365bf29559ea532af33fc1))
+* restored right border in listing block small links template ([#582](https://github.com/redturtle/design-comuni-plone-theme/issues/582)) ([beb07ad](https://github.com/redturtle/design-comuni-plone-theme/commit/beb07ad251cb5e5b96c67c6a64ac01ea3f229526))
+* update volto-form-block for subdomain mail validation ([#584](https://github.com/redturtle/design-comuni-plone-theme/issues/584)) ([92939a2](https://github.com/redturtle/design-comuni-plone-theme/commit/92939a28e59d829e05423f83dc0564b9c008692e))
+
+
+### Maintenance
+
+* Update RELEASE.md ([f308e6b](https://github.com/redturtle/design-comuni-plone-theme/commit/f308e6bf000ca0d41ccfd63557f73b1372ab8faa))
+
+
+### Documentation
+
+* fix merge mistake in the release docs ([232af7a](https://github.com/redturtle/design-comuni-plone-theme/commit/232af7a1624724e60722c346533223bea95fd8be))
+* updated publiccode and release log ([3e48692](https://github.com/redturtle/design-comuni-plone-theme/commit/3e48692faa06bf6fff7ee16a06032e1b1e7dd782))
+
+## [11.6.2](https://github.com/redturtle/design-comuni-plone-theme/compare/v11.6.1...v11.6.2) (2024-03-08)
+
+
+### Bug Fixes
+
+* added class to apply color style to all icons ([#542](https://github.com/redturtle/design-comuni-plone-theme/issues/542)) ([3431318](https://github.com/redturtle/design-comuni-plone-theme/commit/3431318e48df0ba389f37598f5be16c8179b4337))
+* layout feedback form per validatore pa ([#575](https://github.com/redturtle/design-comuni-plone-theme/issues/575)) ([c31a61e](https://github.com/redturtle/design-comuni-plone-theme/commit/c31a61e8e6f4b666dc75a4ff1a076e560ec49a77))
+
+
+### Documentation
+
+* updated publiccode ([d4a177b](https://github.com/redturtle/design-comuni-plone-theme/commit/d4a177b293293e2764e4742d330381ad162cbf69))
+
+## [11.6.1](https://github.com/redturtle/design-comuni-plone-theme/compare/v11.6.0...v11.6.1) (2024-03-06)
+
+
+### Bug Fixes
+
+* changed translations for weekdays in recurrence widget ([#569](https://github.com/redturtle/design-comuni-plone-theme/issues/569)) ([54868c5](https://github.com/redturtle/design-comuni-plone-theme/commit/54868c58571768408cf374dac6c790c7cfa5e61f))
+
+
+### Documentation
+
+* updated publiccode and release log ([aa2ffcb](https://github.com/redturtle/design-comuni-plone-theme/commit/aa2ffcb09478362163255e85a99fd41161aafb62))
+
+## [11.6.0](https://github.com/redturtle/design-comuni-plone-theme/compare/v11.5.1...v11.6.0) (2024-03-05)
+
+
+### Features
+
+* updated volto-form-block v3.3.1 and added new features in custom components, fixed layout and invalid field messages and select from drop-down menu ([#556](https://github.com/redturtle/design-comuni-plone-theme/issues/556)) ([4a1d0ac](https://github.com/redturtle/design-comuni-plone-theme/commit/4a1d0ac708c06d1945b76f56673c3c8b89755825)), closes [#382](https://github.com/redturtle/design-comuni-plone-theme/issues/382)
+
+
+### Bug Fixes
+
+* a11y for feedback section ([#560](https://github.com/redturtle/design-comuni-plone-theme/issues/560)) ([f5f907a](https://github.com/redturtle/design-comuni-plone-theme/commit/f5f907a8834ce67fd17c6444a14bb99d3772c292))
+* added id to SearchInput template label to match aria-describedby attr ([#566](https://github.com/redturtle/design-comuni-plone-theme/issues/566)) ([49940f7](https://github.com/redturtle/design-comuni-plone-theme/commit/49940f7fc27f4f065f28b5345dd283f93ba79374))
+* better alt text for nexGenerationEU logo ([#552](https://github.com/redturtle/design-comuni-plone-theme/issues/552)) ([62aa71b](https://github.com/redturtle/design-comuni-plone-theme/commit/62aa71bac27cc141417e8b8901ec5ed27db58e1c))
+* changed color of icon on primary background ([#550](https://github.com/redturtle/design-comuni-plone-theme/issues/550)) ([aa04c9d](https://github.com/redturtle/design-comuni-plone-theme/commit/aa04c9da2feb4d04e9fdb279dab87394ac69663a))
+* condition for showing the title and description for iconBlock ([#567](https://github.com/redturtle/design-comuni-plone-theme/issues/567)) ([c7c1456](https://github.com/redturtle/design-comuni-plone-theme/commit/c7c145626e8125751accaa566eb968034c2cb459))
+* fixed btn-primary icon with focus-visible ([#565](https://github.com/redturtle/design-comuni-plone-theme/issues/565)) ([0bbb6b5](https://github.com/redturtle/design-comuni-plone-theme/commit/0bbb6b500a15f223b46e0ec5cfba39fce9745d23))
+* link styles for mobile menu in subsites ([#551](https://github.com/redturtle/design-comuni-plone-theme/issues/551)) ([a4af563](https://github.com/redturtle/design-comuni-plone-theme/commit/a4af563d75790bfba332b1c70285d414db6dfa68))
+* reactSelect widget layout and subsite search buttons ([#564](https://github.com/redturtle/design-comuni-plone-theme/issues/564)) ([6b25ba2](https://github.com/redturtle/design-comuni-plone-theme/commit/6b25ba22653e40e844a08ae4f6377c9a7eed3807))
+* remove contacts from OfficeCard component, minor margin fixes of CuredBy section ([#504](https://github.com/redturtle/design-comuni-plone-theme/issues/504)) ([688dceb](https://github.com/redturtle/design-comuni-plone-theme/commit/688dcebb63c17d747752586d814c23505da45545))
+* remove title attr from some cards through prop in ListingImage to remove title attr where needed ([#558](https://github.com/redturtle/design-comuni-plone-theme/issues/558)) ([8459177](https://github.com/redturtle/design-comuni-plone-theme/commit/845917713dfff50bca54ea79f77d13e6ac57603b))
+* remove title attribute in WideImage component ([#559](https://github.com/redturtle/design-comuni-plone-theme/issues/559)) ([da10eaa](https://github.com/redturtle/design-comuni-plone-theme/commit/da10eaabad1f50fc5aa5958bae235fda2c151449))
+* removed capitalized style from pdc description ([#549](https://github.com/redturtle/design-comuni-plone-theme/issues/549)) ([77ff653](https://github.com/redturtle/design-comuni-plone-theme/commit/77ff653c0f9ed5af3a87748da75bb7cb7481fecb))
+* removed unnecessary special character from HeaderToggler aria-controls attribute ([#553](https://github.com/redturtle/design-comuni-plone-theme/issues/553)) ([900e4da](https://github.com/redturtle/design-comuni-plone-theme/commit/900e4da5ff4b6c1fd11cdd73625e4482b57e2001))
+
+
+### Maintenance
+
+* **deps:** bump ip from 1.1.8 to 1.1.9 ([#548](https://github.com/redturtle/design-comuni-plone-theme/issues/548)) ([01ed12b](https://github.com/redturtle/design-comuni-plone-theme/commit/01ed12b577e6e30e5d5b8cae60bb38ef2708156c))
+
+
+### Documentation
+
+* updated publiccode and release log ([b8e8ba5](https://github.com/redturtle/design-comuni-plone-theme/commit/b8e8ba5cae3b51317b9d998fd61258d52f4c6fd1))
+
 ## [11.5.1](https://github.com/redturtle/design-comuni-plone-theme/compare/v11.5.0...v11.5.1) (2024-02-19)
 
 
diff --git a/README.md b/README.md
index 3b8dda3a5..550f0e753 100644
--- a/README.md
+++ b/README.md
@@ -77,6 +77,7 @@ Si veda ad esempio:
 - [Comune di Cantagallo](https://www.comune.cantagallo.po.it/)
 - [Comune di Casalfiumanese](https://www.comune.casalfiumanese.bo.it/)
 - [Comune di Castel del Rio](https://www.comune.casteldelrio.bo.it/)
+- [Comune di Castel Guelfo di Bologna](https://www.comune.castelguelfo.bo.it/)
 - [Comune di Cavezzo](https://www.comune.cavezzo.mo.it/)
 - [Comune di Cavriago](https://www.comune.cavriago.re.it/)
 - [Comune di Concordia sul Secchia](https://www.comune.concordia.mo.it/)
@@ -101,6 +102,7 @@ Si veda ad esempio:
 - [Comune di Piacenza](https://www.comune.piacenza.it/)
 - [Comune di Prignano sulla Secchia](https://www.comune.prignano.mo.it/)
 - [Comune di Reggio Emilia](https://www.comune.re.it/)
+- [Comune di Rolo](https://www.comune.rolo.re.it/)
 - [Comune di San Felice sul Panaro](https://www.comune.sanfelice.mo.it/)
 - [Comune di San Lazzaro di Savena](https://www.comune.sanlazzaro.bo.it)
 - [Comune di San Polo d'Enza](https://www.comune.sanpolodenza.re.it/)
diff --git a/RELEASE.md b/RELEASE.md
index 48174e912..d24ef00d3 100644
--- a/RELEASE.md
+++ b/RELEASE.md
@@ -34,7 +34,7 @@
 
 ### Novità
 
-- ...  [`Istruzioni`](url della documentazione relativa alla novità)
+- ...
 
 ### Fix
 
@@ -43,11 +43,85 @@
 
 ## Versione X.X.X (dd/mm/yyyy)
 
+### Migliorie
+
+- ...
+
+### Novità
+
+- ...
+
+### Fix
+
+- ...
+
+## Versione 11.8.0 (19/03/2024)
+
+### Migliorie
+
+- Gli stili del tipo di contenuto Unità Organizzativa sono stati ottimizzati per la stampa.
+
+### Novità
+
+- È possibile scaricare il file o l'immagine caricata dal widget di upload file cliccando sul nome del file stesso.
+- È possibile aggiungere un testo alternativo per l'immagine del blocco Card con Immagine.
+
+### Fix
+
+- Nel blocco con icone, se era impostata una immagine di sfondo non si vedeva.
+
+## Versione 11.7.0 (15/03/2024)
+
+### Novità
+
+- Ora la fascia del footer contenente il logo e il nome del sito è configurabile da pannello di controllo.
+- Nel pannello di controllo dei Feedback, ora gli utenti con permesso di eliminare elementi da questa sezione, possono eliminare i feedback.
+
+### Migliorie
+
+- Nel blocco form, se in fase di compilazione ci sono degli errori, viene mostrato un messaggio di errore specifico per ogni campo con errori.
+
+### Fix
+
+- Il bordo destro della variazione Link solo immagine del blocco Elenco è stato ripristinato.
+- Se si mettono due blocchi Form nella stessa pagina, ora funzionano correttamente.
+- Aggiustato il modulo di Feedback quando si cambia valutazione dopo averne già selezionata un'altra.
+
+## Versione 11.6.1 (06/03/2024)
+
+### Fix
+
+- Quando si imposta una ricorrenza per giorni feriali negli Eventi, viene visualizzato il testo corretto "ogni giorno feriale".
+- Le icone social nel menu laterale mobile sono tutte dello stesso colore.
+
+## Versione 11.6.0 (05/03/2024)
+
+### Migliorie
+
+- Nel blocco form è stata aggiunta una legenda per i campi obbligatori.
+
+### Novità
+
+- Rimosso i contatti dalle card che rappresentano Unità Organizzative nelle varie viste dei diversi content type in cui sono implementate.
+  La lista delle viste comprende i CT: Persona, Unità Organizzativa, Documento, Bando, Servizio, Notizia, Evento, Incarico, Luogo, Argomento.
+- Aggiornato il plugin del blocco Form, adesso si ha la possibilità di aggiungere un pulsante per resettare i campi e nella sidebar è presente un nuovo campo per creare un messaggio personalizzato dopo l'invio della form, i campi di tipo: testo, email, data e textarea hanno un identificativo che può essere utilizzato per restituire il valore di quei campi nel messaggio personalizzato.
+
 ### Fix
 
 - L'icona per aprire il menu in mobile è ora visibile anche quando l'header del sito è bianca.
 - La descrizione nelle card per i punti di contatto non mostrano più tutte le iniziali in maiuscolo.
 - Il colore dei link nel menu mobile è ora accessibile per tutti i temi.
+- Titolo e descrizione sistemati su blocco icone. Adesso quando il loro contenuto è cancellato non resta lo spazio vuoto sopra le icone.
+- Migliorata l'accessibilità della sezione dedicata al feedback utente per tutti i contenuti del sito.
+- Rimosso il title dall'immagine di apertura dei contenuti.
+- Rimosso attributo title dall'immagine delle card: card con immagine, persona, blocco link completo, contenuto in evidenza, gallery a griglia, in evidenza.
+- Migliorata l'accessibilità del menu in versione mobile.
+- Il layout dei campi di input "in errore" del blocco Form è stato uniformato.
+- La tendina delle select nel blocco Form non si sovrappone più ai campi sottostanti.
+- Sistemato alert di errore nel blocco Form che nascondeva il form quando un campo non era valido, ora continua a visualizzarsi anche la form.
+- Migliorato il testo alternativo per il logo NextGenerationEU nel footer.
+- Migliorata l'accessibilità del blocco Cerca.
+- Sistemato il contrasto delle icone nei pulsanti "primary" quando si attiva il focus col tab da tastiera.
 
 ## Versione 11.5.1 (19/02/2024)
 
@@ -64,7 +138,6 @@
 ### Fix
 
 - Risolto un problema riguardante la visualizzazione delle date nelle card che rappresentano un CT Evento nei vari listati nel caso in cui l'evento si sviluppi su anni diversi
-
 - Risolto un problema di visualizzazione per la sezione Date e Orari nel CT Evento quando l'evento si sviluppa su anni diversi, ora viene mostrato anche l'anno se si rientra in questa casistica
 - Nel blocco elenco, sono stati sistemati i filtri per percorso quando si clicca sul bottone configurato.
 
diff --git a/jest-addon.config.js b/jest-addon.config.js
index 59ad11305..d2e69502d 100644
--- a/jest-addon.config.js
+++ b/jest-addon.config.js
@@ -39,6 +39,8 @@ module.exports = {
     '^volto-dropdownmenu/(.*)$':
       '<rootDir>/node_modules/volto-dropdownmenu/src/$1',
     '^volto-feedback/(.*)$': '<rootDir>/node_modules/volto-feedback/src/$1',
+    '^volto-blocks-widget/(.*)$':
+      '<rootDir>/node_modules/volto-blocks-widget/src/$1',
   },
   collectCoverage: false,
   collectCoverageFrom: [
diff --git a/locales/de/LC_MESSAGES/volto.po b/locales/de/LC_MESSAGES/volto.po
index e59fe61db..553272b06 100644
--- a/locales/de/LC_MESSAGES/volto.po
+++ b/locales/de/LC_MESSAGES/volto.po
@@ -778,6 +778,11 @@ msgstr ""
 msgid "allegati"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/TextCard/CardWithImage/Sidebar
+# defaultMessage: Testo alternativo per l'immagine
+msgid "altText"
+msgstr ""
+
 #: components/ItaliaTheme/View/PersonaView/PersonaDocumenti
 # defaultMessage: Altre cariche
 msgid "altre_cariche"
@@ -2087,6 +2092,11 @@ msgstr ""
 msgid "feedback_sent"
 msgstr ""
 
+#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
+# defaultMessage: Valuta da 1 a 5 stelle
+msgid "feedback_stars"
+msgstr ""
+
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: I ran into technical problems
 msgid "feedback_technical_problems"
@@ -2131,6 +2141,16 @@ msgstr ""
 msgid "fine_termine"
 msgstr ""
 
+#: overrideTranslations
+# defaultMessage: Annulla
+msgid "form_default_cancel_label"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: Ricomincia
+msgid "form_reset"
+msgstr ""
+
 #: components/ItaliaTheme/View/PersonaView/PersonaRuolo
 # defaultMessage: Foto dell'attività politica
 msgid "foto_attivita_politica"
@@ -2311,6 +2331,11 @@ msgstr ""
 msgid "legami_strutture_figlie"
 msgstr ""
 
+#: overrideTranslations
+# defaultMessage: I campi contrassegnati da (*) sono obbligatori.
+msgid "legend_required"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/SearchSections/SideBar
 # defaultMessage: Collegamento
 msgid "link"
@@ -3006,6 +3031,16 @@ msgstr ""
 msgid "rrule_th"
 msgstr ""
 
+#: overrideTranslations
+# defaultMessage: giorno feriale
+msgid "rrule_weekday"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: giorni feriali
+msgid "rrule_weekdays"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/RssBlock/CardWithImageRssTemplate
 #: components/ItaliaTheme/Blocks/RssBlock/CardWithoutImageRssTemplate
 # defaultMessage: No results from RSS feed.
diff --git a/locales/en/LC_MESSAGES/volto.po b/locales/en/LC_MESSAGES/volto.po
index a2f86d8e1..6ec6cf9e0 100644
--- a/locales/en/LC_MESSAGES/volto.po
+++ b/locales/en/LC_MESSAGES/volto.po
@@ -763,6 +763,11 @@ msgstr "All topics"
 msgid "allegati"
 msgstr "Attached documents"
 
+#: components/ItaliaTheme/Blocks/TextCard/CardWithImage/Sidebar
+# defaultMessage: Testo alternativo per l'immagine
+msgid "altText"
+msgstr ""
+
 #: components/ItaliaTheme/View/PersonaView/PersonaDocumenti
 # defaultMessage: Altre cariche
 msgid "altre_cariche"
@@ -2072,6 +2077,11 @@ msgstr ""
 msgid "feedback_sent"
 msgstr ""
 
+#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
+# defaultMessage: Valuta da 1 a 5 stelle
+msgid "feedback_stars"
+msgstr "Rate from 1 to 5 stars"
+
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: I ran into technical problems
 msgid "feedback_technical_problems"
@@ -2116,6 +2126,16 @@ msgstr "Search"
 msgid "fine_termine"
 msgstr "End of term"
 
+#: overrideTranslations
+# defaultMessage: Annulla
+msgid "form_default_cancel_label"
+msgstr "Cancel"
+
+#: overrideTranslations
+# defaultMessage: Ricomincia
+msgid "form_reset"
+msgstr "Restart"
+
 #: components/ItaliaTheme/View/PersonaView/PersonaRuolo
 # defaultMessage: Foto dell'attività politica
 msgid "foto_attivita_politica"
@@ -2296,6 +2316,11 @@ msgstr "Association service or office"
 msgid "legami_strutture_figlie"
 msgstr "Internal services or offices"
 
+#: overrideTranslations
+# defaultMessage: I campi contrassegnati da (*) sono obbligatori.
+msgid "legend_required"
+msgstr "Fields marked with (*) are required."
+
 #: components/ItaliaTheme/Blocks/SearchSections/SideBar
 # defaultMessage: Collegamento
 msgid "link"
@@ -2991,6 +3016,16 @@ msgstr "st"
 msgid "rrule_th"
 msgstr "th"
 
+#: overrideTranslations
+# defaultMessage: giorno feriale
+msgid "rrule_weekday"
+msgstr "weekday"
+
+#: overrideTranslations
+# defaultMessage: giorni feriali
+msgid "rrule_weekdays"
+msgstr "weekdays"
+
 #: components/ItaliaTheme/Blocks/RssBlock/CardWithImageRssTemplate
 #: components/ItaliaTheme/Blocks/RssBlock/CardWithoutImageRssTemplate
 # defaultMessage: No results from RSS feed.
diff --git a/locales/es/LC_MESSAGES/volto.po b/locales/es/LC_MESSAGES/volto.po
index 3ea7c410d..ae8ab1c7c 100644
--- a/locales/es/LC_MESSAGES/volto.po
+++ b/locales/es/LC_MESSAGES/volto.po
@@ -772,6 +772,11 @@ msgstr "Todos los temas"
 msgid "allegati"
 msgstr "Documentos adjuntos"
 
+#: components/ItaliaTheme/Blocks/TextCard/CardWithImage/Sidebar
+# defaultMessage: Testo alternativo per l'immagine
+msgid "altText"
+msgstr ""
+
 #: components/ItaliaTheme/View/PersonaView/PersonaDocumenti
 # defaultMessage: Altre cariche
 msgid "altre_cariche"
@@ -2081,6 +2086,11 @@ msgstr ""
 msgid "feedback_sent"
 msgstr ""
 
+#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
+# defaultMessage: Valuta da 1 a 5 stelle
+msgid "feedback_stars"
+msgstr ""
+
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: I ran into technical problems
 msgid "feedback_technical_problems"
@@ -2125,6 +2135,16 @@ msgstr "Buscar"
 msgid "fine_termine"
 msgstr "Fin de los términos"
 
+#: overrideTranslations
+# defaultMessage: Annulla
+msgid "form_default_cancel_label"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: Ricomincia
+msgid "form_reset"
+msgstr ""
+
 #: components/ItaliaTheme/View/PersonaView/PersonaRuolo
 # defaultMessage: Foto dell'attività politica
 msgid "foto_attivita_politica"
@@ -2305,6 +2325,11 @@ msgstr "Servicio u oficina de la asociación"
 msgid "legami_strutture_figlie"
 msgstr "Servicios internos u oficinas"
 
+#: overrideTranslations
+# defaultMessage: I campi contrassegnati da (*) sono obbligatori.
+msgid "legend_required"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/SearchSections/SideBar
 # defaultMessage: Collegamento
 msgid "link"
@@ -3000,6 +3025,16 @@ msgstr ""
 msgid "rrule_th"
 msgstr ""
 
+#: overrideTranslations
+# defaultMessage: giorno feriale
+msgid "rrule_weekday"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: giorni feriali
+msgid "rrule_weekdays"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/RssBlock/CardWithImageRssTemplate
 #: components/ItaliaTheme/Blocks/RssBlock/CardWithoutImageRssTemplate
 # defaultMessage: No results from RSS feed.
diff --git a/locales/fr/LC_MESSAGES/volto.po b/locales/fr/LC_MESSAGES/volto.po
index fc9658341..fff6d8e73 100644
--- a/locales/fr/LC_MESSAGES/volto.po
+++ b/locales/fr/LC_MESSAGES/volto.po
@@ -780,6 +780,11 @@ msgstr "Tous les sujets"
 msgid "allegati"
 msgstr "Documents attachés"
 
+#: components/ItaliaTheme/Blocks/TextCard/CardWithImage/Sidebar
+# defaultMessage: Testo alternativo per l'immagine
+msgid "altText"
+msgstr ""
+
 #: components/ItaliaTheme/View/PersonaView/PersonaDocumenti
 # defaultMessage: Altre cariche
 msgid "altre_cariche"
@@ -2089,6 +2094,11 @@ msgstr ""
 msgid "feedback_sent"
 msgstr ""
 
+#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
+# defaultMessage: Valuta da 1 a 5 stelle
+msgid "feedback_stars"
+msgstr ""
+
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: I ran into technical problems
 msgid "feedback_technical_problems"
@@ -2133,6 +2143,16 @@ msgstr "Rechercher"
 msgid "fine_termine"
 msgstr "Fin du mandat"
 
+#: overrideTranslations
+# defaultMessage: Annulla
+msgid "form_default_cancel_label"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: Ricomincia
+msgid "form_reset"
+msgstr ""
+
 #: components/ItaliaTheme/View/PersonaView/PersonaRuolo
 # defaultMessage: Foto dell'attività politica
 msgid "foto_attivita_politica"
@@ -2313,6 +2333,11 @@ msgstr ""
 msgid "legami_strutture_figlie"
 msgstr ""
 
+#: overrideTranslations
+# defaultMessage: I campi contrassegnati da (*) sono obbligatori.
+msgid "legend_required"
+msgstr "Les champs marqués d'une (*) sont obligatoires."
+
 #: components/ItaliaTheme/Blocks/SearchSections/SideBar
 # defaultMessage: Collegamento
 msgid "link"
@@ -3008,6 +3033,16 @@ msgstr ""
 msgid "rrule_th"
 msgstr ""
 
+#: overrideTranslations
+# defaultMessage: giorno feriale
+msgid "rrule_weekday"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: giorni feriali
+msgid "rrule_weekdays"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/RssBlock/CardWithImageRssTemplate
 #: components/ItaliaTheme/Blocks/RssBlock/CardWithoutImageRssTemplate
 # defaultMessage: No results from RSS feed.
diff --git a/locales/it/LC_MESSAGES/volto.po b/locales/it/LC_MESSAGES/volto.po
index 1cce72a34..f7725de98 100644
--- a/locales/it/LC_MESSAGES/volto.po
+++ b/locales/it/LC_MESSAGES/volto.po
@@ -763,6 +763,11 @@ msgstr "Tutti gli argomenti"
 msgid "allegati"
 msgstr "Documenti allegati"
 
+#: components/ItaliaTheme/Blocks/TextCard/CardWithImage/Sidebar
+# defaultMessage: Testo alternativo per l'immagine
+msgid "altText"
+msgstr ""
+
 #: components/ItaliaTheme/View/PersonaView/PersonaDocumenti
 # defaultMessage: Altre cariche
 msgid "altre_cariche"
@@ -2072,6 +2077,11 @@ msgstr "Altro"
 msgid "feedback_sent"
 msgstr "Il tuo feedback è stato inviato!"
 
+#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
+# defaultMessage: Valuta da 1 a 5 stelle
+msgid "feedback_stars"
+msgstr ""
+
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: I ran into technical problems
 msgid "feedback_technical_problems"
@@ -2116,6 +2126,16 @@ msgstr "Cerca"
 msgid "fine_termine"
 msgstr "Fine termine"
 
+#: overrideTranslations
+# defaultMessage: Annulla
+msgid "form_default_cancel_label"
+msgstr "Annulla"
+
+#: overrideTranslations
+# defaultMessage: Ricomincia
+msgid "form_reset"
+msgstr "Ricomincia"
+
 #: components/ItaliaTheme/View/PersonaView/PersonaRuolo
 # defaultMessage: Foto dell'attività politica
 msgid "foto_attivita_politica"
@@ -2296,6 +2316,11 @@ msgstr "Unità organizzativa genitore"
 msgid "legami_strutture_figlie"
 msgstr "Servizi o uffici interni"
 
+#: overrideTranslations
+# defaultMessage: I campi contrassegnati da (*) sono obbligatori.
+msgid "legend_required"
+msgstr "I campi contrassegnati da (*) sono obbligatori."
+
 #: components/ItaliaTheme/Blocks/SearchSections/SideBar
 # defaultMessage: Collegamento
 msgid "link"
@@ -2991,6 +3016,16 @@ msgstr " "
 msgid "rrule_th"
 msgstr " "
 
+#: overrideTranslations
+# defaultMessage: giorno feriale
+msgid "rrule_weekday"
+msgstr "giorno feriale"
+
+#: overrideTranslations
+# defaultMessage: giorni feriali
+msgid "rrule_weekdays"
+msgstr "giorni feriali"
+
 #: components/ItaliaTheme/Blocks/RssBlock/CardWithImageRssTemplate
 #: components/ItaliaTheme/Blocks/RssBlock/CardWithoutImageRssTemplate
 # defaultMessage: No results from RSS feed.
diff --git a/locales/volto.pot b/locales/volto.pot
index d8ede7669..d61d81e59 100644
--- a/locales/volto.pot
+++ b/locales/volto.pot
@@ -765,6 +765,11 @@ msgstr ""
 msgid "allegati"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/TextCard/CardWithImage/Sidebar
+# defaultMessage: Testo alternativo per l'immagine
+msgid "altText"
+msgstr ""
+
 #: components/ItaliaTheme/View/PersonaView/PersonaDocumenti
 # defaultMessage: Altre cariche
 msgid "altre_cariche"
@@ -2074,6 +2079,11 @@ msgstr ""
 msgid "feedback_sent"
 msgstr ""
 
+#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
+# defaultMessage: Valuta da 1 a 5 stelle
+msgid "feedback_stars"
+msgstr ""
+
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: I ran into technical problems
 msgid "feedback_technical_problems"
@@ -2118,6 +2128,16 @@ msgstr ""
 msgid "fine_termine"
 msgstr ""
 
+#: overrideTranslations
+# defaultMessage: Annulla
+msgid "form_default_cancel_label"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: Ricomincia
+msgid "form_reset"
+msgstr ""
+
 #: components/ItaliaTheme/View/PersonaView/PersonaRuolo
 # defaultMessage: Foto dell'attività politica
 msgid "foto_attivita_politica"
@@ -2298,6 +2318,11 @@ msgstr ""
 msgid "legami_strutture_figlie"
 msgstr ""
 
+#: overrideTranslations
+# defaultMessage: I campi contrassegnati da (*) sono obbligatori.
+msgid "legend_required"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/SearchSections/SideBar
 # defaultMessage: Collegamento
 msgid "link"
@@ -2993,6 +3018,16 @@ msgstr ""
 msgid "rrule_th"
 msgstr ""
 
+#: overrideTranslations
+# defaultMessage: giorno feriale
+msgid "rrule_weekday"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: giorni feriali
+msgid "rrule_weekdays"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/RssBlock/CardWithImageRssTemplate
 #: components/ItaliaTheme/Blocks/RssBlock/CardWithoutImageRssTemplate
 # defaultMessage: No results from RSS feed.
@@ -3279,7 +3314,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/package.json b/package.json
index 1cffd6c7f..f6125dc02 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "design-comuni-plone-theme",
   "description": "Volto Theme for Italia design guidelines",
   "license": "GPL-v3",
-  "version": "11.5.1",
+  "version": "11.8.1",
   "main": "src/index.js",
   "keywords": [
     "volto-addon",
@@ -141,16 +141,16 @@
     "typeface-lora": "0.0.72",
     "typeface-roboto-mono": "0.0.75",
     "typeface-titillium-web": "0.0.72",
-    "volto-blocks-widget": "3.1.0",
+    "volto-blocks-widget": "3.4.0",
     "volto-data-grid-widget": "2.3.1",
     "volto-dropdownmenu": "4.1.1",
-    "volto-editablefooter": "5.0.3",
-    "volto-feedback": "0.2.0",
-    "volto-form-block": "3.1.0",
+    "volto-editablefooter": "5.1.0",
+    "volto-feedback": "0.3.0",
+    "volto-form-block": "3.7.1",
     "volto-gdpr-privacy": "2.1.1",
     "volto-google-analytics": "2.0.0",
     "volto-multilingual-widget": "3.0.0",
-    "volto-querywidget-with-browser": "0.4.1",
+    "volto-querywidget-with-browser": "0.4.2",
     "volto-rss-block": "3.0.0",
     "volto-secondarymenu": "4.0.0",
     "volto-social-settings": "3.0.0",
diff --git a/publiccode.yml b/publiccode.yml
index 42033cd04..2bd9fccf3 100644
--- a/publiccode.yml
+++ b/publiccode.yml
@@ -227,9 +227,9 @@ maintenance:
 name: io-Comune - Il sito AgID per Comuni ed Enti Pubblici
 platforms:
   - web
-releaseDate: '2024-02-19'
+releaseDate: '2024-03-26'
 softwareType: standalone/web
-softwareVersion: 11.5.1
+softwareVersion: 11.8.1
 url: 'https://github.com/italia/design-comuni-plone-theme'
 usedBy:
   - ASP Comuni Modenesi Area Nord
@@ -252,6 +252,7 @@ usedBy:
   - Comune di Cantagallo
   - Comune di Casalfiumanese
   - Comune di Castel del Rio
+  - Comune di Castel Guelfo di Bologna
   - Comune di Cavezzo
   - Comune di Cavriago
   - Comune di Concordia sul Secchia
@@ -276,6 +277,7 @@ usedBy:
   - Comune di Piacenza
   - Comune di Prignano
   - Comune di Reggio Emilia
+  - Comune di Rolo
   - Comune di San Felice sul Panaro
   - Comune di San Lazzaro di Savena
   - Comune di San Polo d'Enza
diff --git a/src/components/ItaliaTheme/Blocks/IconBlocks/Edit.jsx b/src/components/ItaliaTheme/Blocks/IconBlocks/Edit.jsx
index 685266b06..d6aa29d36 100644
--- a/src/components/ItaliaTheme/Blocks/IconBlocks/Edit.jsx
+++ b/src/components/ItaliaTheme/Blocks/IconBlocks/Edit.jsx
@@ -8,7 +8,7 @@ import { defineMessages } from 'react-intl';
 import { Container, Row, Col } from 'design-react-kit';
 
 import { SidebarPortal } from '@plone/volto/components';
-import { flattenToAppURL, addAppURL } from '@plone/volto/helpers';
+import { flattenToAppURL } from '@plone/volto/helpers';
 import { UniversalLink } from '@plone/volto/components';
 
 import {
@@ -21,6 +21,8 @@ import { TextEditorWidget } from 'design-comuni-plone-theme/components/ItaliaThe
 import EditBlock from './Block/EditBlock';
 import Sidebar from './Sidebar.jsx';
 
+import config from '@plone/volto/registry';
+
 const messages = defineMessages({
   addItem: {
     id: 'Add accordion item',
@@ -54,23 +56,23 @@ class Edit extends SubblocksEdit {
     if (__SERVER__) {
       return <div />;
     }
+    const Image = config.getComponent({ name: 'Image' }).component;
 
     return (
       <div className="public-ui">
         <div className="full-width section py-5">
           {this.props.data.background?.[0] ? (
-            <div
-              className="background-image"
-              style={{
-                backgroundImage: `url(${
-                  this.props.data.background[0]?.image?.scales?.huge
-                    ?.download ??
-                  addAppURL(this.props.data.background[0]?.['@id'])
-                })`,
-              }}
-            ></div>
+            <div className="background-image">
+              <Image
+                item={this.props.data.background[0]}
+                alt=""
+                role={null}
+                responsive={true}
+                sizes="100vw"
+              />
+            </div>
           ) : (
-            <div className="background-image"></div>
+            <div className="background-image no-image"></div>
           )}
 
           <Container className="px-md-4">
diff --git a/src/components/ItaliaTheme/Blocks/IconBlocks/Sidebar.jsx b/src/components/ItaliaTheme/Blocks/IconBlocks/Sidebar.jsx
index 3b1476cd2..b43183683 100644
--- a/src/components/ItaliaTheme/Blocks/IconBlocks/Sidebar.jsx
+++ b/src/components/ItaliaTheme/Blocks/IconBlocks/Sidebar.jsx
@@ -58,7 +58,10 @@ const Sidebar = ({
             description=""
             required={false}
             widgetOptions={{
-              pattern_options: { selectableTypes: ['Image'] },
+              pattern_options: {
+                selectableTypes: ['Image'],
+                maximumSelectionSize: 1,
+              },
             }}
             value={data.background ?? []}
             onChange={(id, value) =>
diff --git a/src/components/ItaliaTheme/Blocks/IconBlocks/View.jsx b/src/components/ItaliaTheme/Blocks/IconBlocks/View.jsx
index d2a985e2c..85f498126 100644
--- a/src/components/ItaliaTheme/Blocks/IconBlocks/View.jsx
+++ b/src/components/ItaliaTheme/Blocks/IconBlocks/View.jsx
@@ -1,5 +1,5 @@
 /**
- * View Accordion block.
+ * View IconsBlock block.
  * @module components/ItaliaTheme/Blocks/Accordion/View
  */
 
@@ -8,38 +8,40 @@ import PropTypes from 'prop-types';
 import redraft from 'redraft';
 import ViewBlock from './Block/ViewBlock';
 import { Container, Row, Col } from 'design-react-kit';
-import { flattenToAppURL, addAppURL } from '@plone/volto/helpers';
+import { flattenToAppURL } from '@plone/volto/helpers';
 import { UniversalLink } from '@plone/volto/components';
 import config from '@plone/volto/registry';
+import { checkRedraftHasContent } from 'design-comuni-plone-theme/helpers';
 
 /**
- * View Accordion block class.
+ * View IconsBlock block class.
  * @class View
  * @extends Component
  */
-const AccordionView = ({ data, block }) => {
+const IconsBlockView = ({ data, block }) => {
   const id = new Date().getTime();
+  const Image = config.getComponent({ name: 'Image' }).component;
 
   return (
     <div className="block iconBlocks">
       <div className="public-ui">
         <div className="full-width section py-5">
           {data.background?.[0] ? (
-            <div
-              className="background-image"
-              style={{
-                backgroundImage: `url(${
-                  data.background[0]?.image?.scales?.huge?.download ??
-                  addAppURL(data.background[0]?.['@id'])
-                })`,
-              }}
-            ></div>
+            <div className="background-image">
+              <Image
+                item={data.background[0]}
+                alt=""
+                role={null}
+                responsive={true}
+                sizes="100vw"
+              />
+            </div>
           ) : (
-            <div className="background-image"></div>
+            <div className="background-image no-image"></div>
           )}
           <Container className="px-md-4">
             <div className="block-header">
-              {data.title && (
+              {checkRedraftHasContent(data.title) && (
                 <div className="title">
                   {redraft(
                     data.title,
@@ -48,7 +50,7 @@ const AccordionView = ({ data, block }) => {
                   )}
                 </div>
               )}
-              {data.description && (
+              {checkRedraftHasContent(data.description) && (
                 <div className="description">
                   {redraft(
                     data.description,
@@ -93,8 +95,8 @@ const AccordionView = ({ data, block }) => {
  * @property {Object} propTypes Property types.
  * @static
  */
-AccordionView.propTypes = {
+IconsBlockView.propTypes = {
   data: PropTypes.objectOf(PropTypes.any).isRequired,
 };
 
-export default AccordionView;
+export default IconsBlockView;
diff --git a/src/components/ItaliaTheme/Blocks/Listing/CardWithImageTemplate.jsx b/src/components/ItaliaTheme/Blocks/Listing/CardWithImageTemplate.jsx
index a85db4a65..65e723954 100644
--- a/src/components/ItaliaTheme/Blocks/Listing/CardWithImageTemplate.jsx
+++ b/src/components/ItaliaTheme/Blocks/Listing/CardWithImageTemplate.jsx
@@ -50,7 +50,7 @@ const CardWithImageTemplate = (props) => {
     show_block_bg = false,
     always_show_image = false,
     set_four_columns = false,
-    show_type = true,
+    show_type = false,
     show_section,
     show_icon = true,
     show_description = true,
@@ -93,7 +93,7 @@ const CardWithImageTemplate = (props) => {
               <ListingText item={item} />
             ) : null;
 
-            const image = ListingImage({ item });
+            const image = ListingImage({ item, showTitleAttr: false });
 
             const showImage =
               (index < imagesToShow || always_show_image) && image != null;
diff --git a/src/components/ItaliaTheme/Blocks/Listing/Commons/ListingImage.jsx b/src/components/ItaliaTheme/Blocks/Listing/Commons/ListingImage.jsx
index cda17063d..f9e128e7a 100644
--- a/src/components/ItaliaTheme/Blocks/Listing/Commons/ListingImage.jsx
+++ b/src/components/ItaliaTheme/Blocks/Listing/Commons/ListingImage.jsx
@@ -8,24 +8,27 @@ const ListingImage = ({
   showDefault = false,
   className = 'listing-image',
   responsive = true,
+  showTitleAttr = true,
   sizes = '(max-width:320px) 200px, (max-width:425px) 300px, (max-width:767px) 500px, 410px',
   ...imageProps
 }) => {
   const Image = config.getComponent({ name: 'Image' }).component;
-  // 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({
+  let commonImageProps = {
     item,
     'aria-hidden': true,
     alt: '',
     role: 'presentation',
     className,
     loading,
-    title: item.title,
     responsive,
     sizes,
     ...imageProps,
-  });
+  };
+  if (showTitleAttr)
+    commonImageProps = { ...commonImageProps, title: item.title };
+  // 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 6934686e1..9a137d09c 100644
--- a/src/components/ItaliaTheme/Blocks/Listing/CompleteBlockLinksTemplate.jsx
+++ b/src/components/ItaliaTheme/Blocks/Listing/CompleteBlockLinksTemplate.jsx
@@ -56,7 +56,12 @@ const CompleteBlockLinksTemplate = (props) => {
         )}
         <Row className="items">
           {items.map((item, index) => {
-            const image = ListingImage({ item, className: '', sizes: '60px' });
+            const image = ListingImage({
+              item,
+              className: '',
+              sizes: '60px',
+              showTitleAttr: false,
+            });
 
             const BlockExtraTags = getComponentWithFallback({
               name: 'BlockExtraTags',
diff --git a/src/components/ItaliaTheme/Blocks/Listing/ContentInEvidenceTemplate.jsx b/src/components/ItaliaTheme/Blocks/Listing/ContentInEvidenceTemplate.jsx
index 105d6f663..63002c741 100644
--- a/src/components/ItaliaTheme/Blocks/Listing/ContentInEvidenceTemplate.jsx
+++ b/src/components/ItaliaTheme/Blocks/Listing/ContentInEvidenceTemplate.jsx
@@ -70,6 +70,7 @@ const ContentInEvidenceTemplate = (props) => {
             className: 'item-image',
             loading: 'eager',
             sizes: '(max-width:425px) 400px, (max-width:767px) 520px, 650px',
+            showTitleAttr: false,
           });
           const icon = getItemIcon(item);
           const BlockExtraTags = getComponentWithFallback({
diff --git a/src/components/ItaliaTheme/Blocks/Listing/GridGalleryTemplate.jsx b/src/components/ItaliaTheme/Blocks/Listing/GridGalleryTemplate.jsx
index 1e21911ad..0b311f313 100644
--- a/src/components/ItaliaTheme/Blocks/Listing/GridGalleryTemplate.jsx
+++ b/src/components/ItaliaTheme/Blocks/Listing/GridGalleryTemplate.jsx
@@ -58,6 +58,7 @@ const GridGalleryTemplate = ({
             let image = ListingImage({
               item,
               className: '',
+              showTitleAttr: false,
             });
             let scale = null;
             if (index % 7 === 0 || index % 7 === 6 || index % 7 === 3) {
diff --git a/src/components/ItaliaTheme/Blocks/Listing/InEvidenceTemplate.jsx b/src/components/ItaliaTheme/Blocks/Listing/InEvidenceTemplate.jsx
index c67bfbb5b..869f1842b 100644
--- a/src/components/ItaliaTheme/Blocks/Listing/InEvidenceTemplate.jsx
+++ b/src/components/ItaliaTheme/Blocks/Listing/InEvidenceTemplate.jsx
@@ -89,6 +89,7 @@ const InEvidenceTemplate = (props) => {
             const image = ListingImage({
               item,
               sizes: '(max-width:320px) 200px, 300px',
+              showTitleAttr: false,
             });
             const category = getCategory(item, show_type, show_section, props);
             const topics = show_topics ? item.tassonomia_argomenti : null;
diff --git a/src/components/ItaliaTheme/Blocks/TextCard/CardWithImage/Block.jsx b/src/components/ItaliaTheme/Blocks/TextCard/CardWithImage/Block.jsx
index c1f084b73..5857eb02c 100644
--- a/src/components/ItaliaTheme/Blocks/TextCard/CardWithImage/Block.jsx
+++ b/src/components/ItaliaTheme/Blocks/TextCard/CardWithImage/Block.jsx
@@ -24,7 +24,7 @@ const messages = defineMessages({
   },
 });
 
-const renderImage = (image, showImage, sizeNatural) =>
+const renderImage = (image, showImage, sizeNatural, altText = '') =>
   showImage && image ? (
     <div className="img-responsive-wrapper">
       <div
@@ -35,7 +35,7 @@ const renderImage = (image, showImage, sizeNatural) =>
         <figure className="img-wrapper">
           <img
             src={`data:${image['content-type']};${image.encoding},${image.data}`}
-            alt=""
+            alt={altText}
             aria-hidden="true"
             loading="lazy"
           />
@@ -117,7 +117,12 @@ const Block = ({
               >
                 {hasImage && (
                   <Col className="my-1 px-0" key={'col-0'}>
-                    {renderImage(data?.image, hasImage, data?.sizeNatural)}
+                    {renderImage(
+                      data?.image,
+                      hasImage,
+                      data?.sizeNatural,
+                      data?.altText,
+                    )}
                   </Col>
                 )}
                 <div
@@ -170,7 +175,12 @@ const Block = ({
                 })}
               >
                 <Col className="my-1 p-0" key={'col-0'} data-testid={'col-0'}>
-                  {renderImage(data?.image, hasImage, data?.sizeNatural)}
+                  {renderImage(
+                    data?.image,
+                    hasImage,
+                    data?.sizeNatural,
+                    data?.altText,
+                  )}
                 </Col>
                 <div
                   key={'col-1'}
diff --git a/src/components/ItaliaTheme/Blocks/TextCard/CardWithImage/Sidebar.jsx b/src/components/ItaliaTheme/Blocks/TextCard/CardWithImage/Sidebar.jsx
index 75877d1f7..67b52c441 100644
--- a/src/components/ItaliaTheme/Blocks/TextCard/CardWithImage/Sidebar.jsx
+++ b/src/components/ItaliaTheme/Blocks/TextCard/CardWithImage/Sidebar.jsx
@@ -8,6 +8,7 @@ import {
   FileWidget,
   CheckboxWidget,
   FormFieldWrapper,
+  TextWidget,
 } from '@plone/volto/components';
 import ImageSizeWidget from '@plone/volto/components/manage/Widgets/ImageSizeWidget';
 
@@ -44,6 +45,10 @@ const messages = defineMessages({
     id: 'Grande',
     defaultMessage: 'Grande',
   },
+  altText: {
+    id: 'altText',
+    defaultMessage: "Testo alternativo per l'immagine",
+  },
 });
 
 const Sidebar = ({ data, block, onChangeBlock }) => {
@@ -105,6 +110,14 @@ const Sidebar = ({ data, block, onChangeBlock }) => {
               value={data.sizeImage || 's'}
             />
           </FormFieldWrapper>
+          <TextWidget
+            id="altText"
+            title={intl.formatMessage(messages.altText)}
+            value={data.altText}
+            onChange={(name, value) => {
+              onChangeBlock({ ...data, altText: value });
+            }}
+          />
         </Accordion.Content>
       </Accordion>
     </Segment.Group>
diff --git a/src/components/ItaliaTheme/Blocks/__tests__/IconBlocks.test.jsx b/src/components/ItaliaTheme/Blocks/__tests__/IconBlocks.test.jsx
index a136004ed..8ff0e5fd1 100644
--- a/src/components/ItaliaTheme/Blocks/__tests__/IconBlocks.test.jsx
+++ b/src/components/ItaliaTheme/Blocks/__tests__/IconBlocks.test.jsx
@@ -378,10 +378,8 @@ test('View renders all fields', async () => {
     screen.getByText(/With his brim pulled way down low/i),
   ).toBeInTheDocument();
   //immagine di background
-  const backgroundImage = document.querySelector('.background-image');
-  expect(backgroundImage).toHaveStyle(
-    `background-image: url(http://localhost:3000/is-this-the-real-life/business-teamwork-join-hands-together-business-teamwork-concept_1150-1804.webp/@@images/image/huge);`,
-  );
+  const backgroundImage = document.querySelector('.background-image img');
+  expect(backgroundImage).toBeInTheDocument();
   //link ad altro
   expect(
     screen.getByRole('link', {
diff --git a/src/components/ItaliaTheme/Cards/CardPersona.jsx b/src/components/ItaliaTheme/Cards/CardPersona.jsx
index 922ce71d2..ac09a27b3 100644
--- a/src/components/ItaliaTheme/Cards/CardPersona.jsx
+++ b/src/components/ItaliaTheme/Cards/CardPersona.jsx
@@ -23,6 +23,7 @@ export const CardPersona = ({
   const image = ListingImage({
     item,
     sizes: '130px',
+    showTitleAttr: false,
   });
 
   const hasImage = image !== null && showImage;
diff --git a/src/components/ItaliaTheme/CustomerSatisfaction/FeedbackForm.jsx b/src/components/ItaliaTheme/CustomerSatisfaction/FeedbackForm.jsx
index cbf73ecd1..900fef33f 100644
--- a/src/components/ItaliaTheme/CustomerSatisfaction/FeedbackForm.jsx
+++ b/src/components/ItaliaTheme/CustomerSatisfaction/FeedbackForm.jsx
@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useCallback, useMemo } from 'react';
+import React, { useState, useEffect, useCallback } from 'react';
 import { useSelector, useDispatch } from 'react-redux';
 import { useLocation } from 'react-router-dom';
 import { useIntl, defineMessages } from 'react-intl';
@@ -9,7 +9,6 @@ import {
   Col,
   Spinner,
   Card,
-  Button,
   CardHeader,
   CardBody,
 } from 'design-react-kit';
@@ -25,7 +24,7 @@ import {
 import cx from 'classnames';
 import AnswersStep from './Steps/AnswersStep';
 import CommentsStep from './Steps/CommentsStep';
-import Rating from './Steps/Commons/Rating';
+import RTRating from './Steps/Commons/Rating';
 import { PropTypes } from 'prop-types';
 
 const messages = defineMessages({
@@ -111,6 +110,10 @@ const messages = defineMessages({
     id: 'feedback_other_positive',
     defaultMessage: 'Other',
   },
+  feedback: {
+    id: 'feedback_stars',
+    defaultMessage: 'Valuta da 1 a 5 stelle',
+  },
   error: {
     id: 'feedback_error',
     defaultMessage: 'Error',
@@ -134,12 +137,11 @@ const FeedbackForm = ({ contentType, pathname }) => {
     ? window.env.RAZZLE_HONEYPOT_FIELD
     : process.env.RAZZLE_HONEYPOT_FIELD;
 
-  const numberOfSteps = useMemo(() => getNumberOfSteps(), []);
+  const numberOfSteps = getNumberOfSteps();
 
   const changeSatisfaction = (e) => {
     setSatisfaction(e);
   };
-
   const updateFormData = (field, value) => {
     if (field === 'comment') {
       if (value?.length > 200) setInvalidForm(true);
@@ -154,12 +156,17 @@ const FeedbackForm = ({ contentType, pathname }) => {
       [field]: value,
     });
   };
-
   const getFormFieldValue = (field) => formData?.[field] ?? undefined;
 
-  const nextStep = () => setStep(step + 1);
+  const nextStep = () => {
+    if (!invalidForm) setStep(step + 1);
+  };
 
-  const prevStep = () => setStep(step - 1);
+  const prevStep = () => {
+    if (!invalidForm && step !== 0) {
+      setStep(step - 1);
+    }
+  };
 
   useEffect(() => {
     setValidToken(null);
@@ -171,6 +178,12 @@ const FeedbackForm = ({ contentType, pathname }) => {
   }, [path]);
 
   useEffect(() => {
+    const currentVote = getFormFieldValue('vote');
+    if (
+      (currentVote > threshold && satisfaction < threshold) ||
+      (currentVote < threshold && satisfaction > threshold)
+    )
+      updateFormData('answer', null);
     updateFormData('vote', satisfaction ?? null);
     setStep(0);
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -182,6 +195,27 @@ const FeedbackForm = ({ contentType, pathname }) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [fieldHoney]);
 
+  // Motivazioni del focus programmatico
+  //  - su alcuni browser viene dichiarato "object replacement character" ai rerender di react
+  //    che sono inevitabili mentre il focus rimane sul bottone ma non viene detto
+  //  - replichiamo 1:1 il comportamento del secondo step, quando vai avanti hai autofocus sulla
+  //    textarea per i commenti
+  //  - essendo annunciato ora il titolo dello step, l'utente sr sa comunque benissimo dove si trova,
+  //    anzi, il flow di compilazione del form kb+sr e' molto piu' agevole
+  useEffect(() => {
+    if (step === 0 && getFormFieldValue('answer')) {
+      const selectedAnswer = document.getElementById(
+        `${
+          satisfaction > threshold ? 'positive' : 'negative'
+        }-${getFormFieldValue('answer')}`,
+      );
+      if (selectedAnswer) {
+        selectedAnswer.focus();
+      }
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [step]);
+
   const onVerifyCaptcha = useCallback(
     (token) => {
       if (satisfaction !== null && !validToken) {
@@ -198,6 +232,7 @@ const FeedbackForm = ({ contentType, pathname }) => {
   };
 
   const sendFormData = () => {
+    if (invalidForm) return;
     setStep(2);
     const data = {
       ...formData,
@@ -220,7 +255,7 @@ const FeedbackForm = ({ contentType, pathname }) => {
   }
 
   return (
-    <div className="bg-primary customer-satisfaction">
+    <section className="bg-primary customer-satisfaction">
       <Container>
         <Row className="d-flex justify-content-center bg-primary">
           <Col className="col-12 col-lg-6">
@@ -252,15 +287,31 @@ const FeedbackForm = ({ contentType, pathname }) => {
                           : intl.formatMessage(messages.title)}
                       </h2>
                       <div className="rating-container mb-0">
-                        <Rating
+                        <RTRating
                           name="satisfaction"
                           value={satisfaction}
+                          // Qui l'implementazione di design react kit sta su con gli stecchini, rifatta
                           inputs={[
-                            'star1b',
-                            'star2b',
-                            'star3b',
-                            'star4b',
-                            'star5b',
+                            {
+                              name: 'star1b',
+                              value: 1,
+                            },
+                            {
+                              name: 'star2b',
+                              value: 2,
+                            },
+                            {
+                              name: 'star3b',
+                              value: 3,
+                            },
+                            {
+                              name: 'star4b',
+                              value: 4,
+                            },
+                            {
+                              name: 'star5b',
+                              value: 5,
+                            },
                           ]}
                           aria-controls={
                             satisfaction > threshold
@@ -269,7 +320,7 @@ const FeedbackForm = ({ contentType, pathname }) => {
                           }
                           className="volto-feedback-rating mb-0"
                           onChangeRating={changeSatisfaction}
-                          legend=" "
+                          legend={intl.formatMessage(messages.feedback)}
                           wrapperClassName={'rating'}
                         />
                       </div>
@@ -300,47 +351,61 @@ const FeedbackForm = ({ contentType, pathname }) => {
                       />
                       <div
                         className={cx(
-                          'form-step-actions d-flex flex-nowrap w100 justify-content-center button-shadow',
+                          'form-step-actions flex-nowrap w100 justify-content-center button-shadow',
                           {
-                            'pt-4': satisfaction !== null,
+                            'pt-4 d-flex': satisfaction,
+                            'd-none': !satisfaction,
                           },
                         )}
-                        aria-hidden={satisfaction === null}
+                        aria-hidden={!satisfaction}
                       >
-                        <Button
-                          className="prev-action"
-                          disabled={!!(step - 1)}
-                          onClick={prevStep}
+                        {/* Bug bottoni del kit. Disabled e' settato anche se compare la prop aria-disabled,
+                        quando lo scopo sarebbe continuare a poter usufruire dei focus anche in screen reader.
+                        Per i vedenti, la classe dimmed fa il suo lavoro e disabilita i click/input utente */}
+                        <button
                           type="button"
-                          outline
-                          color="primary"
+                          onClick={prevStep}
+                          disabled={false}
+                          className={cx(
+                            'me-4 fw-bold btn btn-outline-primary',
+                            {
+                              disabled: step === 0,
+                            },
+                          )}
+                          aria-disabled={!(!invalidForm && step !== 0)}
                         >
                           {intl.formatMessage(messages.prev)}
-                        </Button>
+                        </button>
+
                         {step !== numberOfSteps - 1 && (
-                          <Button
-                            color="primary"
-                            onClick={nextStep}
-                            className="next-action fw-bold"
-                            disabled={invalidForm}
+                          <button
                             type="button"
+                            onClick={nextStep}
+                            disabled={false}
+                            aria-disabled={invalidForm}
+                            className={cx('fw-bold btn btn-primary', {
+                              disabled: invalidForm,
+                            })}
                           >
                             {intl.formatMessage(messages.next)}
-                          </Button>
+                          </button>
                         )}
                         {step === numberOfSteps - 1 && (
-                          <Button
-                            className="next-action fw-bold"
-                            color="primary"
-                            disabled={invalidForm}
-                            type={'button'}
+                          <button
+                            className={cx('fw-bold btn btn-primary', {
+                              disabled: invalidForm,
+                            })}
+                            type="submit"
+                            disabled={false}
+                            aria-disabled={invalidForm}
                             onClick={sendFormData}
                             onKeyDown={(e) => {
-                              if (e.key === 'Enter') sendFormData();
+                              if (e.key === 'Enter' && !invalidForm)
+                                sendFormData();
                             }}
                           >
                             {intl.formatMessage(messages.next)}
-                          </Button>
+                          </button>
                         )}
                       </div>
                     </>
@@ -385,7 +450,7 @@ const FeedbackForm = ({ contentType, pathname }) => {
           </Col>
         </Row>
       </Container>
-    </div>
+    </section>
   );
 };
 
diff --git a/src/components/ItaliaTheme/CustomerSatisfaction/Steps/AnswersStep.jsx b/src/components/ItaliaTheme/CustomerSatisfaction/Steps/AnswersStep.jsx
index a3c737172..bd37d7b9c 100644
--- a/src/components/ItaliaTheme/CustomerSatisfaction/Steps/AnswersStep.jsx
+++ b/src/components/ItaliaTheme/CustomerSatisfaction/Steps/AnswersStep.jsx
@@ -1,6 +1,6 @@
 import React, { useState, useEffect, useMemo } from 'react';
 import { usePrevious } from '@plone/volto/helpers';
-import { Form, FormGroup, Input, Label } from 'design-react-kit';
+import { Form, FormGroup, Label } from 'design-react-kit';
 import { defineMessages } from 'react-intl';
 import {
   FormHeader,
@@ -76,6 +76,9 @@ const AnswersStep = ({
           step={step + 1}
           totalSteps={totalSteps}
           className={'answers-header'}
+          hidden={
+            userFeedback === null || userFeedback < threshold || step !== 0
+          }
         />
 
         <Form className="answers-form">
@@ -85,14 +88,13 @@ const AnswersStep = ({
               key={'positive-' + s}
               className="border-bottom border-light mb-4"
             >
-              <Input
+              <input
                 name="answer-input-positive"
                 id={'positive-' + s}
                 type="radio"
                 checked={s === selectedAnswer}
                 value={s}
                 onChange={handleAnswerChange}
-                addon
               />
               <Label
                 for={'positive-' + s}
@@ -123,6 +125,9 @@ const AnswersStep = ({
           step={step + 1}
           totalSteps={totalSteps}
           className={'answers-header'}
+          hidden={
+            userFeedback === null || userFeedback > threshold || step !== 0
+          }
         />
 
         <Form className="answers-form">
@@ -132,14 +137,13 @@ const AnswersStep = ({
               key={'negative-' + s}
               className="border-bottom border-light mb-4"
             >
-              <Input
+              <input
                 name="answer-input-negative"
                 id={'negative-' + s}
                 type="radio"
                 checked={s === selectedAnswer}
                 value={s}
                 onChange={handleAnswerChange}
-                addon
               />
               <Label
                 for={'negative-' + s}
diff --git a/src/components/ItaliaTheme/CustomerSatisfaction/Steps/CommentsStep.jsx b/src/components/ItaliaTheme/CustomerSatisfaction/Steps/CommentsStep.jsx
index 2f02ad68c..12b002a93 100644
--- a/src/components/ItaliaTheme/CustomerSatisfaction/Steps/CommentsStep.jsx
+++ b/src/components/ItaliaTheme/CustomerSatisfaction/Steps/CommentsStep.jsx
@@ -1,4 +1,4 @@
-import React, { useRef, useEffect } from 'react';
+import React from 'react';
 import { TextArea, Form, FormGroup } from 'design-react-kit';
 import { defineMessages } from 'react-intl';
 import { FormHeader } from 'volto-feedback';
@@ -47,14 +47,18 @@ const CommentsStep = ({
       className={cx('comments-step', {
         'd-none': step !== 1,
       })}
+      data-step={step}
+      aria-expanded={step === 1}
+      aria-hidden={step !== 1}
     >
       <FormHeader
         title={intl.formatMessage(messages.header_comments)}
         step={step + 1}
         totalSteps={totalSteps}
         className="comments-header"
+        hidden={step !== 1}
       />
-      <div className="comment">
+      <div className="comment w-100">
         <Form>
           <FormGroup key={`step-${step}-comment`}>
             <TextArea
@@ -69,7 +73,7 @@ const CommentsStep = ({
               }
               tabIndex="0"
               // eslint-disable-next-line jsx-a11y/no-autofocus
-              autoFocus={true}
+              autoFocus={step === 1}
               id="comment"
               label={intl.formatMessage(messages.label_comment)}
               aria-invalid={invalid}
diff --git a/src/components/ItaliaTheme/CustomerSatisfaction/Steps/Commons/Rating.jsx b/src/components/ItaliaTheme/CustomerSatisfaction/Steps/Commons/Rating.jsx
index b8de09e01..0bc875150 100644
--- a/src/components/ItaliaTheme/CustomerSatisfaction/Steps/Commons/Rating.jsx
+++ b/src/components/ItaliaTheme/CustomerSatisfaction/Steps/Commons/Rating.jsx
@@ -1,48 +1,10 @@
-import React, { Fragment, FC, ReactNode } from 'react';
+import React, { Fragment } from 'react';
 import classNames from 'classnames';
-import { Input, InputProps, Icon } from 'design-react-kit';
+import { Icon } from 'design-react-kit';
 import { FormGroup, Label } from 'reactstrap';
+import cx from 'classnames';
 
-type UnusedProps =
-  | 'bsSize'
-  | 'size'
-  | 'static'
-  | 'plaintext'
-  | 'normalized'
-  | 'addon'
-  | 'placeholder'
-  | 'label'
-  | 'value'
-  | 'type';
-export interface RatingProps extends Omit<InputProps, UnusedProps> {
-  /** La lista di 5 id, per ciascun elemento intero del Rating. La lista deve essere ordinata dal rating 1 al rating 5.  */
-  inputs: string[];
-  /** Il campo "label" è impostato di default su "Valuta ${n} stelle su 5", ma può essere personalizzato con questa funzione che riceve il numero input come argomento `function (n: number) => string`. */
-  labelTemplate?: (value: 1 | 2 | 3 | 4 | 5) => string;
-  /** Da utilizzare in caso legenda principale del Rating. Passare una componente React da mostrare come legenda (all'interno del tag `<legend>`). È possibile mostrare la leggenda solo ai dispositivi screen reader */
-  legend?: ReactNode | { content: ReactNode; srOnly: boolean };
-  /** Parametro name da dare all'input */
-  name: string;
-  /** Classi aggiuntive da usare per il componente wrapper del Rating */
-  wrapperClassName?: string;
-  /** Classi aggiuntive da usare per ciascun elemento all'interno del componente Rating */
-  className?: string;
-  /** Callback chiamata ad ogni cambio di valore di rating. Il nuovo valore ed il name verranno passati: `function (n, name) => void` */
-  onChangeRating?: (value: 1 | 2 | 3 | 4 | 5 | number, name: string) => void;
-  /** Rende il componente read-only */
-  readOnly?: boolean;
-  /** Il valore corrente del componente: deve essere compreso tra 1 e 5 */
-  value?: 1 | 2 | 3 | 4 | 5 | number;
-  testId?: string;
-}
-
-export const isCustomLegendObject = (
-  legend: ReactNode | { content: ReactNode; srOnly: boolean }
-): legend is { content: ReactNode; srOnly: boolean } => {
-  return legend != null && typeof legend === 'object' && 'content' in legend;
-};
-
-export const Rating: FC<RatingProps> = ({
+const RTRating = ({
   className,
   inputs,
   legend,
@@ -51,76 +13,93 @@ export const Rating: FC<RatingProps> = ({
   value,
   wrapperClassName,
   testId,
-  labelTemplate = (value: 1 | 2 | 3 | 4 | 5) => `Valuta ${value} stelle su 5`,
+  labelTemplate = (value) => `Valuta ${value} stelle su 5`,
   onChangeRating = () => {},
   ...attributes
 }) => {
-  // Input data
-  // On the DOM we have to go from 5 to 1
-  const safeInputs = (inputs || []).reverse();
-
   // Fields
   const labelFn = labelTemplate;
 
-  const onChange = readOnly ? noop : onChangeRating;
+  const onChange = readOnly ? () => null : onChangeRating;
 
   const wrapperClasses = classNames(wrapperClassName, {
     'rating-read-only': readOnly,
-    'rating-label': legend
+    'rating-label': legend,
   });
   const fieldClasses = classNames(className);
   const extraFieldAttrs = readOnly ? { 'aria-hidden': true } : {};
 
-  // Legend
-  const isLegendString = typeof legend === 'string';
+  const legendContent = legend || '';
 
-  let legendClass: string = '';
-  let legendText: ReactNode = legend as string;
+  const handleChange = (e) => {
+    onChange(parseInt(e.target.value), name);
+  };
 
-  if (isCustomLegendObject(legend)) {
-    legendClass = classNames({
-      'visually-hidden': legend.srOnly
-    });
-    legendText = legend.content;
+  function getAllPrevSiblings(element, parent) {
+    const children = [...parent.children];
+    const elIndex = children.findIndex((child) => child === element);
+    return children
+      .slice(0, elIndex)
+      .filter((c) => c.nodeName.toUpperCase() === 'LABEL');
   }
-
-  const legendContent =
-    isCustomLegendObject(legend) || isLegendString ? (
-      <legend className={legendClass}>{legendText}</legend>
-    ) : (
-      legend
-    );
-
   return (
     <FormGroup
+      {...attributes}
       cssModule={{ 'form-group': 'rating' }}
-      tag='fieldset'
+      tag="fieldset"
       className={wrapperClasses}
       data-testid={testId}
-      {...attributes}
     >
-      {legend && legendContent}
-      {safeInputs.map((id, i) => {
-        const currentValue = (5 - i) as 1 | 2 | 3 | 4 | 5;
-
+      <legend className="visually-hidden">{legendContent}</legend>
+      {inputs.map((input, i) => {
         return (
-          <Fragment key={id}>
-            <Input
-              type='radio'
-              id={id}
+          <Fragment key={input.name}>
+            <input
+              {...extraFieldAttrs}
+              type="radio"
+              id={input.name}
               name={name}
-              value={String(currentValue)}
-              cssModule={{ 'form-control': '' }}
-              className={fieldClasses}
-              onChange={() => onChange(currentValue, name)}
-              checked={value === currentValue}
+              value={input.value}
+              className={cx(extraFieldAttrs.className, fieldClasses)}
+              onChange={handleChange}
+              checked={value === input.value}
               disabled={readOnly}
-              data-element={'feedback-rate-' + currentValue}
-              {...extraFieldAttrs}
+              data-element={'feedback-rate-' + input.value}
+              aria-label={labelFn(input.value)}
             />
-            <Label className='full' for={id}>
-              <Icon icon='it-star-full' size='sm' />
-              <span className='visually-hidden'>{labelFn(currentValue)}</span>
+            <Label
+              for={input.name}
+              // aria-label={labelFn(input.value)}
+              onMouseEnter={(e) => {
+                const parentNode = e.currentTarget.parentElement;
+                const toBeHovered = getAllPrevSiblings(
+                  e.currentTarget,
+                  parentNode,
+                );
+                [...toBeHovered, e.currentTarget].forEach((tbh) => {
+                  tbh.children[0].classList.add('starFilled');
+                });
+              }}
+              onMouseLeave={(e) => {
+                const allHoveredStars = Array.from(
+                  document.getElementsByClassName('starFilled'),
+                );
+                allHoveredStars?.forEach((ahs) => {
+                  const associatedInput = document.getElementById(
+                    ahs.parentElement.htmlFor,
+                  );
+                  if (value < associatedInput.value)
+                    ahs.classList.remove('starFilled');
+                });
+              }}
+            >
+              <Icon
+                icon="it-star-full"
+                size="sm"
+                className={cx('rating-star', {
+                  starFilled: value >= input.value,
+                })}
+              />
             </Label>
           </Fragment>
         );
@@ -129,4 +108,4 @@ export const Rating: FC<RatingProps> = ({
   );
 };
 
-export default Rating;
+export default RTRating;
diff --git a/src/components/ItaliaTheme/Footer/FooterMain.jsx b/src/components/ItaliaTheme/Footer/FooterMain.jsx
index c4a474493..48d68f871 100644
--- a/src/components/ItaliaTheme/Footer/FooterMain.jsx
+++ b/src/components/ItaliaTheme/Footer/FooterMain.jsx
@@ -15,12 +15,16 @@ import {
   FooterPNRRLogo,
 } from 'design-comuni-plone-theme/components/ItaliaTheme/';
 
+import { FooterTop } from 'volto-editablefooter';
+
 /**
  * FooterMain component class.
  * @class FooterMain
  * @extends Component
  */
 const FooterMain = () => {
+  const footerTopContent = FooterTop();
+
   return (
     <div className="it-footer-main">
       <Container tag="div">
@@ -28,11 +32,15 @@ const FooterMain = () => {
           <Row className="clearfix" tag="div">
             <Col sm={12} tag="div" widths={['xs', 'sm', 'md', 'lg', 'xl']}>
               <div className="it-brand-wrapper">
-                <FooterPNRRLogo />
-                <UniversalLink href="/">
-                  <LogoFooter />
-                  <BrandTextFooter />
-                </UniversalLink>
+                {footerTopContent ?? (
+                  <>
+                    <FooterPNRRLogo />
+                    <UniversalLink href="/">
+                      <LogoFooter />
+                      <BrandTextFooter />
+                    </UniversalLink>
+                  </>
+                )}
               </div>
             </Col>
           </Row>
diff --git a/src/components/ItaliaTheme/Footer/FooterPNRRLogo.jsx b/src/components/ItaliaTheme/Footer/FooterPNRRLogo.jsx
index fd118b02c..3669e9d5d 100644
--- a/src/components/ItaliaTheme/Footer/FooterPNRRLogo.jsx
+++ b/src/components/ItaliaTheme/Footer/FooterPNRRLogo.jsx
@@ -7,7 +7,7 @@ const FooterPNRRLogo = () => {
       src={logoPNRR}
       width="167"
       height="41"
-      alt="NextGenerationEU"
+      alt="Finanziato dall'Unione Europea - Next Generation EU"
       loading="lazy"
       decoding="async"
       className="nextGenerationEULogo"
diff --git a/src/components/ItaliaTheme/Header/HeaderSlim.jsx b/src/components/ItaliaTheme/Header/HeaderSlim/HeaderSlim.jsx
similarity index 95%
rename from src/components/ItaliaTheme/Header/HeaderSlim.jsx
rename to src/components/ItaliaTheme/Header/HeaderSlim/HeaderSlim.jsx
index 4dc990b40..775e2f06a 100644
--- a/src/components/ItaliaTheme/Header/HeaderSlim.jsx
+++ b/src/components/ItaliaTheme/Header/HeaderSlim/HeaderSlim.jsx
@@ -1,6 +1,6 @@
 /**
  * HeaderSlim component.
- * @module components/ItaliaTheme/Header/HeaderSlim
+ * @module components/ItaliaTheme/Header/HeaderSlim/HeaderSlim
  */
 
 import React from 'react';
diff --git a/src/components/ItaliaTheme/Header/HeaderSlim/HeaderSlimRightZone.jsx b/src/components/ItaliaTheme/Header/HeaderSlim/HeaderSlimRightZone.jsx
index 83403e903..e0986da01 100644
--- a/src/components/ItaliaTheme/Header/HeaderSlim/HeaderSlimRightZone.jsx
+++ b/src/components/ItaliaTheme/Header/HeaderSlim/HeaderSlimRightZone.jsx
@@ -1,6 +1,6 @@
 /**
  * HeaderSlim component.
- * @module components/ItaliaTheme/Header/HeaderSlim
+ * @module components/ItaliaTheme/Header/HeaderSlim/HeaderSlimRightZone
  */
 
 import React from 'react';
diff --git a/src/components/ItaliaTheme/Header/HeaderSlim/index.js b/src/components/ItaliaTheme/Header/HeaderSlim/index.js
new file mode 100644
index 000000000..97f96ab06
--- /dev/null
+++ b/src/components/ItaliaTheme/Header/HeaderSlim/index.js
@@ -0,0 +1,3 @@
+import HeaderSlim from 'design-comuni-plone-theme/components/ItaliaTheme/Header/HeaderSlim/HeaderSlim';
+
+export default HeaderSlim;
diff --git a/src/components/ItaliaTheme/View/Commons/CuredBy.jsx b/src/components/ItaliaTheme/View/Commons/CuredBy.jsx
index 68bf1b341..3354b2b50 100644
--- a/src/components/ItaliaTheme/View/Commons/CuredBy.jsx
+++ b/src/components/ItaliaTheme/View/Commons/CuredBy.jsx
@@ -34,7 +34,7 @@ const CuredBy = ({ office, people }) => {
     <RichTextSection
       tag_id="a-cura-di"
       title={intl.formatMessage(messages.cured_by)}
-      className="it-page-section anchor-offset mt-5"
+      className="it-page-section anchor-offset mb-5"
     >
       <div className="row">
         {office && (
diff --git a/src/components/ItaliaTheme/View/Commons/OfficeCard.jsx b/src/components/ItaliaTheme/View/Commons/OfficeCard.jsx
index 4b32e0c7f..0bf48a2c5 100644
--- a/src/components/ItaliaTheme/View/Commons/OfficeCard.jsx
+++ b/src/components/ItaliaTheme/View/Commons/OfficeCard.jsx
@@ -3,7 +3,6 @@ import { UniversalLink } from '@plone/volto/components';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { Icon } from 'design-comuni-plone-theme/components/ItaliaTheme';
-import { ContactLink } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 import config from '@plone/volto/registry';
 
 /**
@@ -58,7 +57,6 @@ const OfficeCard = ({
         <p className="card-text">{office.description}</p>
         {show_contacts && office?.sede?.length > 0 && (
           <div>
-            {' '}
             {office?.sede?.map((sede, i) => {
               return (
                 <div className="card-text" key={i}>
@@ -68,26 +66,6 @@ const OfficeCard = ({
                       {sede.zip_code} {sede.city}
                     </p>
                   )}
-                  {office?.contact_info?.map((el) =>
-                    el?.value_punto_contatto?.map((pdc, i) => {
-                      if (pdc.pdc_type === 'telefono') {
-                        return (
-                          <div key={i}>
-                            <ContactLink tel={pdc.pdc_value} label={false} />
-                          </div>
-                        );
-                      } else if (
-                        pdc.pdc_type === 'email' ||
-                        pdc.pdc_type === 'pec'
-                      )
-                        return (
-                          <div key={i}>
-                            <ContactLink email={pdc.pdc_value} label={false} />
-                          </div>
-                        );
-                      return null;
-                    }),
-                  )}
                 </div>
               );
             })}
diff --git a/src/components/ItaliaTheme/View/Commons/RenderBlocks.jsx b/src/components/ItaliaTheme/View/Commons/RenderBlocks.jsx
index 06d5c319a..50ef0cbdc 100644
--- a/src/components/ItaliaTheme/View/Commons/RenderBlocks.jsx
+++ b/src/components/ItaliaTheme/View/Commons/RenderBlocks.jsx
@@ -48,6 +48,9 @@ const RenderBlocks = ({
     if (block['@type'] === 'text' && !block.text) {
       return null;
     }
+    if (block['@type'] === 'slate' && block.plaintext?.length === 0) {
+      return null;
+    }
   }
   return items?.length > 0 ? (
     <>
diff --git a/src/components/ItaliaTheme/View/Commons/WideImage.jsx b/src/components/ItaliaTheme/View/Commons/WideImage.jsx
index f3b0821c2..ed95f0746 100644
--- a/src/components/ItaliaTheme/View/Commons/WideImage.jsx
+++ b/src/components/ItaliaTheme/View/Commons/WideImage.jsx
@@ -27,7 +27,6 @@ const WideImage = ({
             fieldName={fieldName}
             className={cx('', { 'full-width': fullWidth })}
             alt=""
-            title={caption || title}
             critical
             loading="eager"
             sizes={sizes}
diff --git a/src/components/ItaliaTheme/index.js b/src/components/ItaliaTheme/index.js
index e9dd9bd30..71199cc45 100644
--- a/src/components/ItaliaTheme/index.js
+++ b/src/components/ItaliaTheme/index.js
@@ -32,7 +32,7 @@ export GalleryPreview from 'design-comuni-plone-theme/components/ItaliaTheme/Gal
 
 /********* LAYOUT ********* */
 export LanguageSelector from 'design-comuni-plone-theme/components/ItaliaTheme/LanguageSelector/LanguageSelector';
-export HeaderSlim from 'design-comuni-plone-theme/components/ItaliaTheme/Header/HeaderSlim';
+export HeaderSlim from 'design-comuni-plone-theme/components/ItaliaTheme/Header/HeaderSlim/HeaderSlim';
 export HeaderSlimRightZone from 'design-comuni-plone-theme/components/ItaliaTheme/Header/HeaderSlim/HeaderSlimRightZone';
 export HeaderLogin from 'design-comuni-plone-theme/components/ItaliaTheme/Header/HeaderSlim/HeaderLogin';
 export LoginButton from 'design-comuni-plone-theme/components/ItaliaTheme/Header/HeaderSlim/LoginButton';
diff --git a/src/components/ItaliaTheme/manage/Widgets/FileWidget.jsx b/src/components/ItaliaTheme/manage/Widgets/FileWidget.jsx
index 003010006..6b12bd1cf 100644
--- a/src/components/ItaliaTheme/manage/Widgets/FileWidget.jsx
+++ b/src/components/ItaliaTheme/manage/Widgets/FileWidget.jsx
@@ -5,6 +5,7 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
+import cx from 'classnames';
 import { Dimmer, Button } from 'design-react-kit';
 import { readAsDataURL } from 'promise-file-reader';
 import { injectIntl, defineMessages, useIntl } from 'react-intl';
@@ -56,13 +57,25 @@ const messages = defineMessages({
  * @returns {string} Markup of the component.
  */
 const FileWidget = (props) => {
-  const { id, value, onChange, label, onEdit, infoText } = props;
+  const {
+    id,
+    value,
+    onChange,
+    label,
+    onEdit,
+    infoText,
+    required,
+    invalid,
+    validationText,
+  } = props;
   const [isImage, setIsImage] = React.useState(false);
   const intl = useIntl();
 
   React.useEffect(() => {
     if (value && imageMimetypes.includes(value['content-type'])) {
       setIsImage(true);
+    } else {
+      setIsImage(false);
     }
   }, [value]);
 
@@ -98,8 +111,18 @@ const FileWidget = (props) => {
     reader.readAsDataURL(files[0]);
   };
 
+  let attributes = {};
+  if (required) {
+    attributes.required = true;
+    attributes['aria-required'] = true;
+  }
+
+  const isInvalid = invalid === true || invalid === 'true';
+  if (isInvalid) {
+    attributes['aria-invalid'] = true;
+  }
   return (
-    <div className="form-group ">
+    <div className="form-group">
       <label htmlFor={`field-${id}`} className="active">
         {label}
       </label>
@@ -139,7 +162,7 @@ const FileWidget = (props) => {
                 </div>
               )}
 
-              <small className="form-text text-muted">
+              <small className="form-text">
                 {value
                   ? intl.formatMessage(messages.replaceFile)
                   : intl.formatMessage(messages.addNewFile)}
@@ -154,12 +177,22 @@ const FileWidget = (props) => {
                   name={id}
                   type="file"
                   disabled={props.disabled || null}
+                  {...attributes}
                 />
               )}
             </div>
           )}
         </Dropzone>
-        {infoText && <small className="form-text text-muted">{infoText}</small>}
+        {infoText && (
+          <small
+            className={cx('form-text', {
+              'invalid-feedback form-feedback just-validate-error-label form-feedback just-validate-error-label':
+                invalid,
+            })}
+          >
+            {infoText}
+          </small>
+        )}
         {value && (
           <div className="field-file-name">
             {value.filename}
@@ -177,6 +210,11 @@ const FileWidget = (props) => {
           </div>
         )}
       </div>
+      {validationText && (
+        <div className="invalid-feedback form-feedback just-validate-error-label form-text form-feedback just-validate-error-label">
+          {validationText}
+        </div>
+      )}
     </div>
   );
 };
diff --git a/src/customizations/volto-feedback/components/FeedbackForm/Steps/Commons.jsx b/src/customizations/volto-feedback/components/FeedbackForm/Steps/Commons.jsx
index d46e9b69e..aaef29e91 100644
--- a/src/customizations/volto-feedback/components/FeedbackForm/Steps/Commons.jsx
+++ b/src/customizations/volto-feedback/components/FeedbackForm/Steps/Commons.jsx
@@ -1,13 +1,23 @@
 import React from 'react';
+import cx from 'classnames';
 
-export const FormHeader = ({ title, step, totalSteps, className }) => {
+export const FormHeader = ({ title, step, totalSteps, className, hidden }) => {
   return (
     <div className={className}>
-      <legend data-element="feedback-rating-question">
-        <h6>{title}</h6>
+      <legend
+        data-element="feedback-rating-question"
+        aria-hidden={hidden}
+        className={cx('w-100 p-0', {
+          'd-none': hidden,
+        })}
+      >
+        <div className={'m-0 fs-6'}>{title}</div>
       </legend>
-
-      <div>{`${step}/${totalSteps}`}</div>
+      <div
+        className={cx('fs-6', {
+          'd-none': hidden,
+        })}
+      >{`${step}/${totalSteps}`}</div>
     </div>
   );
 };
diff --git a/src/customizations/volto-form-block/components/Edit.jsx b/src/customizations/volto-form-block/components/Edit.jsx
index 73f080abf..8f281d6d5 100644
--- a/src/customizations/volto-form-block/components/Edit.jsx
+++ b/src/customizations/volto-form-block/components/Edit.jsx
@@ -11,6 +11,7 @@ import React from 'react';
 import EditBlock from 'volto-form-block/components/EditBlock';
 // eslint-disable-next-line import/no-unresolved
 import Sidebar from 'volto-form-block/components/Sidebar';
+import ValidateConfigForm from 'volto-form-block/components/ValidateConfigForm';
 
 import { Card, CardBody, Button, Row, Col } from 'design-react-kit';
 import {
@@ -32,6 +33,10 @@ const messages = defineMessages({
     id: 'form_default_submit_label',
     defaultMessage: 'Invia',
   },
+  default_cancel_label: {
+    id: 'form_default_cancel_label',
+    defaultMessage: 'Annulla',
+  },
   warning: {
     id: 'form_edit_warning',
     defaultMessage: 'Attenzione!',
@@ -74,17 +79,24 @@ class Edit extends SubblocksEdit {
 
     return (
       <div className="public-ui">
-        <div className="px-4 py-5">
-          {this.props?.data?.title && <h2>{this.props.data.title}</h2>}
-          {this.props?.data?.description && (
-            <div className="block-description">
-              {this.props.data.description}
-            </div>
-          )}
-          <Card className="card-bg rounded py-3" noWrapper={false} tag="div">
-            <CardBody tag="div">
-              <SubblocksWrapper node={this.node}>
-                {/*this.state.subblocks.filter((s) => s.field_type === 'from')
+        <ValidateConfigForm
+          data={this.props.data}
+          onEdit={true}
+          onChangeBlock={(data) => {
+            this.props.onChangeBlock(this.props.block, data);
+          }}
+        >
+          <div className="px-4 py-5">
+            {this.props?.data?.title && <h2>{this.props.data.title}</h2>}
+            {this.props?.data?.description && (
+              <div className="block-description">
+                {this.props.data.description}
+              </div>
+            )}
+            <Card className="card-bg rounded py-3" noWrapper={false} tag="div">
+              <CardBody tag="div">
+                <SubblocksWrapper node={this.node}>
+                  {/*this.state.subblocks.filter((s) => s.field_type === 'from')
                   .length == 0 && (
                   <Alert color="warning" fade isOpen tag="div">
                     <h4>{this.props.intl.formatMessage(messages.warning)}</h4>
@@ -94,40 +106,49 @@ class Edit extends SubblocksEdit {
                   </Alert>
                 )*/}
 
-                {this.state.subblocks.map((subblock, subindex) => (
-                  <div className="form-field" key={subblock.id}>
-                    <EditBlock
-                      data={subblock}
-                      index={subindex}
-                      selected={this.isSubblockSelected(subindex)}
-                      {...this.subblockProps}
-                      openObjectBrowser={this.props.openObjectBrowser}
-                    />
-                  </div>
-                ))}
+                  {this.state.subblocks.map((subblock, subindex) => (
+                    <div className="form-field" key={subblock.id}>
+                      <EditBlock
+                        data={subblock}
+                        index={subindex}
+                        selected={this.isSubblockSelected(subindex)}
+                        {...this.subblockProps}
+                        openObjectBrowser={this.props.openObjectBrowser}
+                      />
+                    </div>
+                  ))}
 
-                {this.props.selected && (
-                  <div className="form-field">
-                    {this.renderAddBlockButton(
-                      this.props.intl.formatMessage(messages.addField),
-                    )}
-                  </div>
-                )}
+                  {this.props.selected && (
+                    <div className="form-field">
+                      {this.renderAddBlockButton(
+                        this.props.intl.formatMessage(messages.addField),
+                      )}
+                    </div>
+                  )}
 
-                <Row>
-                  <Col align="center">
-                    <Button color="primary">
-                      {this.props.data.submit_label ||
-                        this.props.intl.formatMessage(
-                          messages.default_submit_label,
-                        )}
-                    </Button>
-                  </Col>
-                </Row>
-              </SubblocksWrapper>
-            </CardBody>
-          </Card>
-        </div>
+                  <Row>
+                    <Col align="center">
+                      {this.props.data?.show_cancel && (
+                        <Button color="secondary" className="me-2">
+                          {this.props.data.cancel_label ||
+                            this.props.intl.formatMessage(
+                              messages.default_cancel_label,
+                            )}
+                        </Button>
+                      )}
+                      <Button color="primary">
+                        {this.props.data.submit_label ||
+                          this.props.intl.formatMessage(
+                            messages.default_submit_label,
+                          )}
+                      </Button>
+                    </Col>
+                  </Row>
+                </SubblocksWrapper>
+              </CardBody>
+            </Card>
+          </div>
+        </ValidateConfigForm>
 
         <SidebarPortal selected={this.props.selected || false}>
           <Sidebar
diff --git a/src/customizations/volto-form-block/components/Field.jsx b/src/customizations/volto-form-block/components/Field.jsx
index 61ec0ccd4..10e52fa02 100644
--- a/src/customizations/volto-form-block/components/Field.jsx
+++ b/src/customizations/volto-form-block/components/Field.jsx
@@ -61,6 +61,7 @@ const Field = ({
   valid,
   disabled = false,
   formHasErrors = false,
+  errorMessage,
   id,
   reactSelect,
 }) => {
@@ -75,6 +76,15 @@ const Field = ({
     return !isOnEdit && !valid;
   };
 
+  const infoText = errorMessage ? (
+    <>
+      <div className="form-text">{description}</div>
+      {errorMessage}
+    </>
+  ) : (
+    description
+  );
+
   return (
     <div className="field">
       {field_type === 'text' && (
@@ -84,7 +94,7 @@ const Field = ({
           label={getLabel()}
           type="text"
           required={required}
-          infoText={description}
+          infoText={infoText}
           disabled={disabled}
           readOnly={disabled}
           invalid={isInvalid() ? 'true' : null}
@@ -102,14 +112,14 @@ const Field = ({
           tag="textarea"
           rows={10}
           required={required}
-          infoText={description}
+          infoText={infoText}
           disabled={disabled}
           readOnly={disabled}
           invalid={isInvalid() ? 'true' : null}
           onChange={(e) => {
             onChange(name, e.target.value);
           }}
-          {...(value ? { value } : {})}
+          value={value ?? undefined}
         />
       )}
       {field_type === 'select' && (
@@ -140,9 +150,13 @@ const Field = ({
               aria-label={intl.formatMessage(messages.select_a_value)}
               classNamePrefix="react-select"
               className={isInvalid() ? 'is-invalid' : ''}
+              value={value ? [{ value: value, label: value }] : []}
             />
-            {description && (
-              <small className="form-text text-muted">{description}</small>
+            {description && <small className="form-text">{description}</small>}
+            {errorMessage && (
+              <div className="invalid-feedback form-feedback just-validate-error-label form-text form-feedback just-validate-error-label">
+                {errorMessage}
+              </div>
             )}
           </div>
         </div>
@@ -166,16 +180,19 @@ const Field = ({
                   onChange={(e) => {
                     onChange(name, v);
                   }}
-                  invalid={isInvalid() ? 'true' : null}
                   addon // Needed to avoid application of form-control class as of kit v4.0.2
+                  checked={value === v}
                 />
                 <Label for={v + name} check>
                   {v}
                 </Label>
               </FormGroup>
             ))}
-            {description && (
-              <small className="form-text text-muted">{description}</small>
+            {description && <small className="form-text">{description}</small>}
+            {errorMessage && (
+              <div className="invalid-feedback form-feedback just-validate-error-label form-text form-feedback just-validate-error-label">
+                {errorMessage}
+              </div>
             )}
           </div>
         </div>
@@ -212,8 +229,11 @@ const Field = ({
                 </Label>
               </FormGroup>
             ))}
-            {description && (
-              <small className="form-text text-muted">{description}</small>
+            {description && <small className="form-text">{description}</small>}
+            {errorMessage && (
+              <div className="invalid-feedback form-feedback just-validate-error-label form-text form-feedback just-validate-error-label">
+                {errorMessage}
+              </div>
             )}
           </div>
         </div>
@@ -242,8 +262,11 @@ const Field = ({
                 {getLabel()}
               </Label>
             </FormGroup>
-            {description && (
-              <small className="form-text text-muted">{description}</small>
+            {description && <small className="form-text">{description}</small>}
+            {errorMessage && (
+              <div className="invalid-feedback form-feedback just-validate-error-label form-text form-feedback just-validate-error-label">
+                {errorMessage}
+              </div>
             )}
           </div>
         </div>
@@ -255,13 +278,14 @@ const Field = ({
           label={getLabel()}
           type="date"
           required={required}
-          infoText={description}
+          infoText={infoText}
           disabled={disabled}
           readOnly={disabled}
           invalid={isInvalid() ? 'true' : null}
           onChange={(e) => {
             onChange(name, e.target.value);
           }}
+          value={value ?? ''}
         />
       )}
       {field_type === 'attachment' && (
@@ -271,7 +295,7 @@ const Field = ({
           label={getLabel()}
           type="file"
           required={required}
-          infoText={description}
+          infoText={infoText}
           disabled={disabled}
           readOnly={disabled}
           invalid={isInvalid() ? 'true' : null}
@@ -287,14 +311,15 @@ const Field = ({
           label={getLabel()}
           type="email"
           required={true}
-          infoText={description}
+          infoText={infoText}
           disabled={disabled}
           readOnly={disabled}
           invalid={isInvalid() ? 'true' : null}
+          validationText={errorMessage}
           onChange={(e) => {
             onChange(name, e.target.value);
           }}
-          {...(value ? { value } : {})}
+          value={value ?? ''}
         />
       )}
       {field_type === 'static_text' &&
@@ -325,6 +350,7 @@ const Field = ({
               name={name}
               title={label}
               description={description}
+              infoText={infoText}
               required={required}
               onChange={onChange}
               value={value}
diff --git a/src/customizations/volto-form-block/components/FormView.jsx b/src/customizations/volto-form-block/components/FormView.jsx
index f3afffaa3..4bd5cabe7 100644
--- a/src/customizations/volto-form-block/components/FormView.jsx
+++ b/src/customizations/volto-form-block/components/FormView.jsx
@@ -1,6 +1,7 @@
 /*Customizatinos:
 - usati i componenti di design-react-kit
 - disabilitato il captcha se nelle siteProperties del config è stato disabilitato.
+- aggiunta legenda per i campi obbligatori
 */
 import React from 'react';
 import { useIntl, defineMessages } from 'react-intl';
@@ -25,6 +26,10 @@ const messages = defineMessages({
     id: 'form_default_submit_label',
     defaultMessage: 'Invia',
   },
+  default_cancel_label: {
+    id: 'form_default_cancel_label',
+    defaultMessage: 'Annulla',
+  },
   error: {
     id: 'Error',
     defaultMessage: 'Errore',
@@ -33,14 +38,18 @@ const messages = defineMessages({
     id: 'Email Success',
     defaultMessage: 'Form inviato correttamente',
   },
-  empty_values: {
-    id: 'form_empty_values_validation',
-    defaultMessage: 'Compila i campi richiesti',
+  form_errors: {
+    id: 'form_errors_validation',
+    defaultMessage: 'Attenzione! Alcuni campi inseriti sono da controllare.',
   },
   reset: {
     id: 'form_reset',
     defaultMessage: 'Ricomincia',
   },
+  legend_required: {
+    id: 'legend_required',
+    defaultMessage: 'I campi contrassegnati da (*) sono obbligatori.',
+  },
 });
 
 const FormView = ({
@@ -51,7 +60,10 @@ const FormView = ({
   data,
   onSubmit,
   resetFormState,
+  resetFormOnError,
   captcha,
+  id,
+  getErrorMessage,
 }) => {
   const intl = useIntl();
   const alertTransition = {
@@ -71,7 +83,24 @@ const FormView = ({
     config.settings.siteProperties.enableVoltoFormBlockCaptcha;
 
   const isValidField = (field) => {
-    return formErrors?.indexOf(field) < 0;
+    return formErrors?.filter((e) => e.field === field).length === 0;
+  };
+
+  /* Function that replaces variables from the user customized message  */
+  const replaceMessage = (text) => {
+    let i = 0;
+    while (i < data.subblocks.length) {
+      let idField = getFieldName(
+        data.subblocks[i].label,
+        data.subblocks[i].field_id,
+      );
+      text = text.replaceAll(
+        '${' + idField + '}',
+        formData[idField]?.value || '',
+      );
+      i++;
+    }
+    return text;
   };
 
   var FieldSchema = config.blocks.blocksConfig.form.fieldSchema;
@@ -83,6 +112,11 @@ const FormView = ({
     }
   }
 
+  const submit = (e) => {
+    resetFormOnError();
+    onSubmit(e);
+  };
+
   return (
     <div className="block form">
       <div className="public-ui">
@@ -93,21 +127,7 @@ const FormView = ({
           )}
           <Card className="card-bg rounded py-3" noWrapper={false} tag="div">
             <CardBody tag="div">
-              {formState.error ? (
-                <Alert
-                  color="danger"
-                  fade
-                  isOpen
-                  tag="div"
-                  transition={alertTransition}
-                >
-                  <h4>{intl.formatMessage(messages.error)}</h4>
-                  <p>{formState.error}</p>
-                  <Button type="clear" onClick={resetFormState}>
-                    {intl.formatMessage(messages.reset)}
-                  </Button>
-                </Alert>
-              ) : formState.result ? (
+              {formState.result ? (
                 <Alert
                   color="success"
                   fade
@@ -117,17 +137,44 @@ const FormView = ({
                 >
                   <h4>{intl.formatMessage(messages.success)}</h4>
                   <br />
-                  <Button type="clear" onClick={resetFormState}>
+                  {/* Custom message */}
+                  {data.send_message && (
+                    <>
+                      <p
+                        dangerouslySetInnerHTML={{
+                          __html: replaceMessage(data.send_message),
+                        }}
+                      />
+                      <br />
+                    </>
+                  )}
+                  <Button
+                    color="primary"
+                    outline
+                    onClick={(e) => {
+                      e.preventDefault();
+                      e.stopPropagation();
+                      resetFormState();
+                    }}
+                  >
                     {intl.formatMessage(messages.reset)}
                   </Button>
                 </Alert>
               ) : (
                 <form
-                  onSubmit={onSubmit}
+                  onSubmit={submit}
                   noValidate
                   autoComplete="off"
                   method="post"
                 >
+                  {/* Controlla che ci siano campi obbligatori al suo interno e applica una legenda  */}
+                  {data.subblocks.some((item) => item.required === true) && (
+                    <legend className="text-muted text-end mb-3">
+                      <small>
+                        {intl.formatMessage(messages.legend_required)}
+                      </small>
+                    </legend>
+                  )}
                   {data.static_fields && (
                     <fieldset disabled>
                       {data.static_fields?.map((field) => (
@@ -183,6 +230,7 @@ const FormView = ({
                                 : formData[name]?.value
                             }
                             valid={isValidField(name)}
+                            errorMessage={getErrorMessage(name)}
                             formHasErrors={formErrors.length > 0}
                           />
                         </Col>
@@ -201,12 +249,39 @@ const FormView = ({
                       transition={alertTransition}
                     >
                       <h4>{intl.formatMessage(messages.error)}</h4>
-                      <p>{intl.formatMessage(messages.empty_values)}</p>
+                      <p>{intl.formatMessage(messages.form_errors)}</p>
+                    </Alert>
+                  )}
+                  {formState.error && (
+                    <Alert
+                      color="danger"
+                      fade
+                      isOpen
+                      tag="div"
+                      transition={alertTransition}
+                    >
+                      <h4>{intl.formatMessage(messages.error)}</h4>
+                      <p>{formState.error}</p>
                     </Alert>
                   )}
 
                   <Row>
                     <Col align="center">
+                      {data?.show_cancel && (
+                        <Button
+                          color="secondary"
+                          type="button"
+                          onClick={(e) => {
+                            e.preventDefault();
+                            e.stopPropagation();
+                            resetFormState();
+                          }}
+                          className="me-2"
+                        >
+                          {data.cancel_label ||
+                            intl.formatMessage(messages.default_cancel_label)}
+                        </Button>
+                      )}
                       <Button
                         color="primary"
                         type="submit"
diff --git a/src/customizations/volto/components/manage/Blocks/Search/components/SearchInput.jsx b/src/customizations/volto/components/manage/Blocks/Search/components/SearchInput.jsx
index 126f86d21..3be5d8269 100644
--- a/src/customizations/volto/components/manage/Blocks/Search/components/SearchInput.jsx
+++ b/src/customizations/volto/components/manage/Blocks/Search/components/SearchInput.jsx
@@ -1,5 +1,6 @@
 /* CUSTOMIZATIONS:
   - Agid styling
+  - added id to searchInput label to match aria-describedby tag
 */
 import React, { useState } from 'react';
 import { Button, Icon, Input, Label } from 'design-react-kit';
@@ -29,6 +30,7 @@ const SearchInput = (props) => {
       <Label
         htmlFor={`${props.id}-searchtext`}
         className={focused ? 'active' : 'inactive'}
+        id={`${props.id}-searchtextDescription`}
       >
         {intl.formatMessage(commonSearchBlockMessages.search)}
       </Label>
diff --git a/src/customizations/volto/components/manage/Widgets/FileWidget.jsx b/src/customizations/volto/components/manage/Widgets/FileWidget.jsx
new file mode 100644
index 000000000..0b879046a
--- /dev/null
+++ b/src/customizations/volto/components/manage/Widgets/FileWidget.jsx
@@ -0,0 +1,232 @@
+// CUSTOMIZATION:
+// - 177-179: Added link to download uploaded file
+
+/**
+ * FileWidget component.
+ * @module components/manage/Widgets/FileWidget
+ */
+
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Button, Image, Dimmer } from 'semantic-ui-react';
+import { readAsDataURL } from 'promise-file-reader';
+import { injectIntl } from 'react-intl';
+import deleteSVG from '@plone/volto/icons/delete.svg';
+import { Icon, FormFieldWrapper, UniversalLink } from '@plone/volto/components';
+import loadable from '@loadable/component';
+import { flattenToAppURL, validateFileUploadSize } from '@plone/volto/helpers';
+import { defineMessages, useIntl } from 'react-intl';
+
+const imageMimetypes = [
+  'image/png',
+  'image/jpeg',
+  'image/webp',
+  'image/jpg',
+  'image/gif',
+  'image/svg+xml',
+];
+const Dropzone = loadable(() => import('react-dropzone'));
+
+const messages = defineMessages({
+  releaseDrag: {
+    id: 'Drop files here ...',
+    defaultMessage: 'Drop files here ...',
+  },
+  editFile: {
+    id: 'Drop file here to replace the existing file',
+    defaultMessage: 'Drop file here to replace the existing file',
+  },
+  fileDrag: {
+    id: 'Drop file here to upload a new file',
+    defaultMessage: 'Drop file here to upload a new file',
+  },
+  replaceFile: {
+    id: 'Replace existing file',
+    defaultMessage: 'Replace existing file',
+  },
+  addNewFile: {
+    id: 'Choose a file',
+    defaultMessage: 'Choose a file',
+  },
+});
+
+/**
+ * FileWidget component class.
+ * @function FileWidget
+ * @returns {string} Markup of the component.
+ *
+ * To use it, in schema properties, declare a field like:
+ *
+ * ```jsx
+ * {
+ *  title: "File",
+ *  widget: 'file',
+ * }
+ * ```
+ * or:
+ *
+ * ```jsx
+ * {
+ *  title: "File",
+ *  type: 'object',
+ * }
+ * ```
+ *
+ */
+const FileWidget = (props) => {
+  const { id, value, onChange, isDisabled } = props;
+  const [fileType, setFileType] = React.useState(false);
+  const intl = useIntl();
+
+  React.useEffect(() => {
+    if (value && imageMimetypes.includes(value['content-type'])) {
+      setFileType(true);
+    }
+  }, [value]);
+
+  const imgsrc = value?.download
+    ? `${flattenToAppURL(value?.download)}?id=${Date.now()}`
+    : null || value?.data
+    ? `data:${value['content-type']};${value.encoding},${value.data}`
+    : null;
+
+  /**
+   * Drop handler
+   * @method onDrop
+   * @param {array} files File objects
+   * @returns {undefined}
+   */
+  const onDrop = (files) => {
+    const file = files[0];
+    if (!validateFileUploadSize(file, intl.formatMessage)) return;
+    readAsDataURL(file).then((data) => {
+      const fields = data.match(/^data:(.*);(.*),(.*)$/);
+      onChange(id, {
+        data: fields[3],
+        encoding: fields[2],
+        'content-type': fields[1],
+        filename: file.name,
+      });
+    });
+
+    let reader = new FileReader();
+    reader.onload = function () {
+      const fields = reader.result.match(/^data:(.*);(.*),(.*)$/);
+      if (imageMimetypes.includes(fields[1])) {
+        setFileType(true);
+        let imagePreview = document.getElementById(`field-${id}-image`);
+        imagePreview.src = reader.result;
+      } else {
+        setFileType(false);
+      }
+    };
+    reader.readAsDataURL(files[0]);
+  };
+
+  return (
+    <FormFieldWrapper {...props}>
+      <Dropzone onDrop={onDrop}>
+        {({ getRootProps, getInputProps, isDragActive }) => (
+          <div className="file-widget-dropzone" {...getRootProps()}>
+            {isDragActive && <Dimmer active></Dimmer>}
+            {fileType ? (
+              <Image
+                className="image-preview"
+                id={`field-${id}-image`}
+                size="small"
+                src={imgsrc}
+              />
+            ) : (
+              <div className="dropzone-placeholder">
+                {isDragActive ? (
+                  <p className="dropzone-text">
+                    {intl.formatMessage(messages.releaseDrag)}
+                  </p>
+                ) : value ? (
+                  <p className="dropzone-text">
+                    {intl.formatMessage(messages.editFile)}
+                  </p>
+                ) : (
+                  <p className="dropzone-text">
+                    {intl.formatMessage(messages.fileDrag)}
+                  </p>
+                )}
+              </div>
+            )}
+
+            <label className="label-file-widget-input">
+              {value
+                ? intl.formatMessage(messages.replaceFile)
+                : intl.formatMessage(messages.addNewFile)}
+            </label>
+            <input
+              {...getInputProps({
+                type: 'file',
+                style: { display: 'none' },
+              })}
+              id={`field-${id}`}
+              name={id}
+              type="file"
+              disabled={isDisabled}
+            />
+          </div>
+        )}
+      </Dropzone>
+      <div className="field-file-name">
+        {value && (
+          <UniversalLink href={value.download} download={true}>
+            {value.filename}
+          </UniversalLink>
+        )}
+        {value && (
+          <Button
+            icon
+            basic
+            className="delete-button"
+            aria-label="delete file"
+            disabled={isDisabled}
+            onClick={() => {
+              onChange(id, null);
+              setFileType(false);
+            }}
+          >
+            <Icon name={deleteSVG} size="20px" />
+          </Button>
+        )}
+      </div>
+    </FormFieldWrapper>
+  );
+};
+
+/**
+ * Property types.
+ * @property {Object} propTypes Property types.
+ * @static
+ */
+FileWidget.propTypes = {
+  id: PropTypes.string.isRequired,
+  title: PropTypes.string.isRequired,
+  description: PropTypes.string,
+  required: PropTypes.bool,
+  error: PropTypes.arrayOf(PropTypes.string),
+  value: PropTypes.shape({
+    '@type': PropTypes.string,
+    title: PropTypes.string,
+  }),
+  onChange: PropTypes.func.isRequired,
+  wrapped: PropTypes.bool,
+};
+
+/**
+ * Default properties.
+ * @property {Object} defaultProps Default properties.
+ * @static
+ */
+FileWidget.defaultProps = {
+  description: null,
+  required: false,
+  error: [],
+  value: null,
+};
+
+export default injectIntl(FileWidget);
diff --git a/src/customizations/volto/components/theme/Navigation/Navigation.jsx b/src/customizations/volto/components/theme/Navigation/Navigation.jsx
index 61f717481..f710f8533 100644
--- a/src/customizations/volto/components/theme/Navigation/Navigation.jsx
+++ b/src/customizations/volto/components/theme/Navigation/Navigation.jsx
@@ -98,7 +98,7 @@ const Navigation = ({ pathname }) => {
       {menu?.length > 0 ? (
         <HeaderContent expand="lg" megamenu id="navigation">
           <HeaderToggler
-            aria-controls="#it-navigation-collapse"
+            aria-controls="it-navigation-collapse"
             aria-expanded={collapseOpen}
             aria-label={intl.formatMessage(messages.toggleNavigation)}
             onClick={() => {
diff --git a/src/overrideTranslations.jsx b/src/overrideTranslations.jsx
index 4b598b996..d9684857d 100644
--- a/src/overrideTranslations.jsx
+++ b/src/overrideTranslations.jsx
@@ -25,4 +25,27 @@ defineMessages({
     id: 'rrule_on the',
     defaultMessage: 'il',
   },
+  weekdays: {
+    id: 'rrule_weekdays',
+    defaultMessage: 'giorni feriali',
+  },
+  weekday: {
+    id: 'rrule_weekday',
+    defaultMessage: 'giorno feriale',
+  },
+  reset: {
+    //volto-form-block
+    id: 'form_reset',
+    defaultMessage: 'Ricomincia',
+  },
+  legend_required: {
+    //volto-form-block
+    id: 'legend_required',
+    defaultMessage: 'I campi contrassegnati da (*) sono obbligatori.',
+  },
+  default_cancel_label: {
+    //volto-form-block
+    id: 'form_default_cancel_label',
+    defaultMessage: 'Annulla',
+  },
 });
diff --git a/src/theme/ItaliaTheme/Blocks/_cardWithImageAndInEvidence.scss b/src/theme/ItaliaTheme/Blocks/_cardWithImageAndInEvidence.scss
index 5b83c8004..cd85f48ba 100644
--- a/src/theme/ItaliaTheme/Blocks/_cardWithImageAndInEvidence.scss
+++ b/src/theme/ItaliaTheme/Blocks/_cardWithImageAndInEvidence.scss
@@ -107,8 +107,10 @@
           font-weight: 400;
           letter-spacing: 1.1px;
         }
+
         &.wrap-dates-four-columns {
           flex-wrap: wrap;
+
           .data {
             margin-top: 0.5rem;
           }
diff --git a/src/theme/ItaliaTheme/Blocks/_form.scss b/src/theme/ItaliaTheme/Blocks/_form.scss
index 2e4681778..b0d405abd 100644
--- a/src/theme/ItaliaTheme/Blocks/_form.scss
+++ b/src/theme/ItaliaTheme/Blocks/_form.scss
@@ -43,6 +43,13 @@
         }
       }
     }
+
+    textarea {
+      &.form-control.is-invalid {
+        background-position-x: 99% !important;
+        background-size: 16px !important;
+      }
+    }
   }
 }
 
@@ -88,11 +95,29 @@
     &.is-invalid {
       .react-select__control {
         border-bottom-color: $danger !important;
+
+        .react-select__indicators {
+          &::after {
+            width: 1.65rem;
+            height: 20px;
+            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f73e5a' viewBox='0 0 384 512'%3E%3Cpath d='M231.6 256l130.1-130.1c4.7-4.7 4.7-12.3 0-17l-22.6-22.6c-4.7-4.7-12.3-4.7-17 0L192 216.4 61.9 86.3c-4.7-4.7-12.3-4.7-17 0l-22.6 22.6c-4.7 4.7-4.7 12.3 0 17L152.4 256 22.3 386.1c-4.7 4.7-4.7 12.3 0 17l22.6 22.6c4.7 4.7 12.3 4.7 17 0L192 295.6l130.1 130.1c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17L231.6 256z'/%3E%3C/svg%3E");
+            background-repeat: no-repeat;
+            content: '';
+          }
+        }
       }
     }
+
+    .react-select__menu {
+      z-index: 2;
+    }
   }
 
   .bootstrap-checkbox-radio-wrapper {
+    padding-right: 2rem;
+    background-position: 99% !important;
+    background-size: 22px 20px !important;
+
     > label {
       position: unset;
 
@@ -194,6 +219,34 @@
         color: $link-color;
       }
     }
+
+    &:has(input[aria-invalid='true']) {
+      .dropzone-placeholder {
+        border-color: $danger;
+      }
+
+      .file-widget-dropzone {
+        position: relative;
+
+        &::before {
+          position: absolute;
+          top: -21px;
+          right: 0;
+          width: 1.65rem;
+          height: 20px;
+          background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f73e5a' viewBox='0 0 384 512'%3E%3Cpath d='M231.6 256l130.1-130.1c4.7-4.7 4.7-12.3 0-17l-22.6-22.6c-4.7-4.7-12.3-4.7-17 0L192 216.4 61.9 86.3c-4.7-4.7-12.3-4.7-17 0l-22.6 22.6c-4.7 4.7-4.7 12.3 0 17L152.4 256 22.3 386.1c-4.7 4.7-4.7 12.3 0 17l22.6 22.6c4.7 4.7 12.3 4.7 17 0L192 295.6l130.1 130.1c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17L231.6 256z'/%3E%3C/svg%3E");
+          background-repeat: no-repeat;
+          content: '';
+
+          @media (max-width: #{map-get($grid-breakpoints, lg)}) {
+            position: relative;
+            top: 0;
+            display: flex;
+            margin-left: auto;
+          }
+        }
+      }
+    }
   }
 
   .static-field.row {
diff --git a/src/theme/ItaliaTheme/Blocks/_iconBlocks.scss b/src/theme/ItaliaTheme/Blocks/_iconBlocks.scss
index 663fa53ec..ecb4c52d4 100644
--- a/src/theme/ItaliaTheme/Blocks/_iconBlocks.scss
+++ b/src/theme/ItaliaTheme/Blocks/_iconBlocks.scss
@@ -26,17 +26,35 @@
     left: 0;
     width: 100%;
     height: 100%;
-    background-position: top center;
-    background-repeat: no-repeat;
-    background-size: cover;
+    overflow: hidden;
 
+    img {
+      position: absolute;
+      min-width: 100%;
+      min-height: 100%;
+      height: auto;
+      width: auto;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      max-width: unset;
+    }
     &:after {
       position: absolute;
       width: 100%;
       height: 100%;
-      background-color: $primary;
+      background-color: rgba(
+        $primary,
+        0.85
+      ); // serve per fare la trasparenza sull'immagine di sfondo.
       content: '';
     }
+
+    &.no-image {
+      &:after {
+        background-color: $primary;
+      }
+    }
   }
 
   .block-header {
diff --git a/src/theme/ItaliaTheme/Blocks/_ribbonCardTemplate.scss b/src/theme/ItaliaTheme/Blocks/_ribbonCardTemplate.scss
index c6ece4a28..990e6006d 100644
--- a/src/theme/ItaliaTheme/Blocks/_ribbonCardTemplate.scss
+++ b/src/theme/ItaliaTheme/Blocks/_ribbonCardTemplate.scss
@@ -25,8 +25,8 @@
       line-height: 1.44444rem;
 
       a {
-        text-decoration: none;
         display: inline-block; //per avere il bordo tutto unito al focus di un link, ad esempio nelle card
+        text-decoration: none;
 
         &:hover {
           text-decoration: underline;
diff --git a/src/theme/ItaliaTheme/Blocks/_simpleCardTemplate.scss b/src/theme/ItaliaTheme/Blocks/_simpleCardTemplate.scss
index 28bf9a5e8..e31e9bb25 100644
--- a/src/theme/ItaliaTheme/Blocks/_simpleCardTemplate.scss
+++ b/src/theme/ItaliaTheme/Blocks/_simpleCardTemplate.scss
@@ -54,8 +54,8 @@
         a {
           @include rem-size(font-size, 24);
           @include rem-size(line-height, 26);
-          font-weight: 700;
           display: inline-block; //per avere il bordo tutto unito al focus di un link, ad esempio nelle card
+          font-weight: 700;
 
           &:hover,
           &:active {
@@ -128,9 +128,9 @@
       a {
         @include rem-size(font-size, 32);
         @include rem-size(line-height, 32);
+        display: inline-block; //per avere il bordo tutto unito al focus di un link, ad esempio nelle card
         font-weight: 700;
         text-decoration: none;
-        display: inline-block; //per avere il bordo tutto unito al focus di un link, ad esempio nelle card
 
         &:hover,
         &:active {
diff --git a/src/theme/ItaliaTheme/Blocks/_smallblockLinkstemplate.scss b/src/theme/ItaliaTheme/Blocks/_smallblockLinkstemplate.scss
index d66134d78..d93a7eed0 100644
--- a/src/theme/ItaliaTheme/Blocks/_smallblockLinkstemplate.scss
+++ b/src/theme/ItaliaTheme/Blocks/_smallblockLinkstemplate.scss
@@ -13,7 +13,6 @@
     align-items: center;
     justify-content: center;
     border: 8px solid $white;
-    border-right: none;
     background: $white;
     box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
 
diff --git a/src/theme/ItaliaTheme/Components/_card.scss b/src/theme/ItaliaTheme/Components/_card.scss
index f41242b58..49e855da6 100644
--- a/src/theme/ItaliaTheme/Components/_card.scss
+++ b/src/theme/ItaliaTheme/Components/_card.scss
@@ -150,9 +150,9 @@
       a {
         @include rem-size(font-size, 18);
         @include rem-size(line-height, 24);
+        display: inline-block; //per avere il bordo tutto unito al focus di un link, ad esempio nelle card
         font-weight: 600;
         text-decoration: none;
-        display: inline-block; //per avere il bordo tutto unito al focus di un link, ad esempio nelle card
       }
 
       a:hover {
diff --git a/src/theme/ItaliaTheme/Components/_customerSatisfaction.scss b/src/theme/ItaliaTheme/Components/_customerSatisfaction.scss
index 8f6957c6d..76ece51c1 100644
--- a/src/theme/ItaliaTheme/Components/_customerSatisfaction.scss
+++ b/src/theme/ItaliaTheme/Components/_customerSatisfaction.scss
@@ -19,6 +19,10 @@
     padding: 2rem 0;
     margin: 0;
 
+    .card {
+      display: block;
+    }
+
     .title-medium-2-semi-bold {
       font-size: 1.25rem;
       font-weight: 600;
@@ -34,12 +38,47 @@
     .rating-container {
       padding-bottom: 0;
 
-      input.volto-feedback-rating:focus + label {
-        border: 0;
-        box-shadow:
-          0 0 0.2rem $focus-outline-color,
-          0 0 0 0.2rem $focus-outline-color !important;
-        outline: none;
+      .ratingOptionContainer {
+        position: relative;
+      }
+
+      .rating.rating-label {
+        position: relative;
+        display: flex;
+        flex-direction: row;
+
+        label {
+          position: relative;
+          width: 26px;
+          max-width: 26px;
+          height: 26px;
+          max-height: 26px;
+        }
+
+        input.volto-feedback-rating {
+          position: relative;
+          left: 26px;
+          width: 26px;
+          margin-left: -24px;
+          opacity: 0;
+        }
+
+        input.volto-feedback-rating ~ label svg.rating-star {
+          fill: #c3cfdb;
+          pointer-events: none;
+        }
+
+        input.volto-feedback-rating ~ label svg.rating-star.starFilled {
+          fill: $primary;
+        }
+
+        input.volto-feedback-rating:focus + label {
+          border: 0;
+          box-shadow:
+            0 0 0.2rem $focus-outline-color,
+            0 0 0 0.2rem $focus-outline-color !important;
+          outline: none;
+        }
       }
     }
 
diff --git a/src/theme/ItaliaTheme/Components/_mobileMenu.scss b/src/theme/ItaliaTheme/Components/_mobileMenu.scss
index 3bb9e7e12..3b7de2dcf 100644
--- a/src/theme/ItaliaTheme/Components/_mobileMenu.scss
+++ b/src/theme/ItaliaTheme/Components/_mobileMenu.scss
@@ -105,7 +105,8 @@
 
               margin-left: 0;
 
-              .icon {
+              svg.icon {
+                fill: currentColor;
                 width: 28px;
                 height: 28px;
               }
diff --git a/src/theme/ItaliaTheme/Components/_search.scss b/src/theme/ItaliaTheme/Components/_search.scss
deleted file mode 100644
index eb2d2dc1a..000000000
--- a/src/theme/ItaliaTheme/Components/_search.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-.search-view {
-  label.has-prepend {
-    z-index: unset;
-  }
-
-  .react-select__option--is-focused {
-    border-color: var(--focus-outline-color) !important;
-    box-shadow: 0 0 0 2px var(--focus-outline-color) !important;
-    outline: none !important;
-    background-color: #0062e2;
-  }
-}
diff --git a/src/theme/ItaliaTheme/Print/_all_pages.scss b/src/theme/ItaliaTheme/Print/_all_pages.scss
index 1cdcfd817..c2b5126bf 100644
--- a/src/theme/ItaliaTheme/Print/_all_pages.scss
+++ b/src/theme/ItaliaTheme/Print/_all_pages.scss
@@ -174,6 +174,9 @@
         display: none;
       }
     }
+    .leaflet-container {
+      break-inside: avoid;
+    }
 
     #contenuti-correlati {
       display: none;
diff --git a/src/theme/ItaliaTheme/Print/_uo.scss b/src/theme/ItaliaTheme/Print/_uo.scss
new file mode 100644
index 000000000..98d52c025
--- /dev/null
+++ b/src/theme/ItaliaTheme/Print/_uo.scss
@@ -0,0 +1,88 @@
+.contenttype-unitaorganizzativa {
+  @media print {
+    .documentDescription {
+      font-size: 1rem;
+    }
+
+    .card-wrapper {
+      padding-bottom: 0px;
+      &.card-teaser-wrapper {
+        margin: 0px;
+        &.row,
+        & {
+          --bs-gutter-y: 0px !important;
+
+          .card {
+            border: none !important;
+            &.card-big-io-comune .card-body {
+              padding: 0px !important;
+
+              .category-top {
+                display: none;
+              }
+
+              .card-title a {
+                font-size: 16px;
+                display: flex;
+
+                &::before {
+                  content: '•';
+                  display: block;
+                  margin-right: 5px;
+                }
+              }
+            }
+
+            .avatar {
+              display: none;
+            }
+
+            &.p-3,
+            &.p-4 {
+              padding: 0px !important;
+            }
+
+            &.my-3 {
+              margin-top: 0px !important;
+              margin-bottom: 0px !important;
+            }
+
+            &:after {
+              display: none;
+            }
+
+            &.shadow-sm {
+              box-shadow: none !important;
+            }
+          }
+        }
+      }
+    }
+
+    .ruolo-persone-struttura {
+      .card .card-body {
+        .card-title {
+          margin-bottom: 0px !important;
+        }
+        .card-text {
+          padding-top: 0px;
+        }
+
+        h4 {
+          &.card-title {
+            & + .card-text {
+              padding-top: 0px;
+            }
+          }
+        }
+      }
+      .mb-3 {
+        margin-bottom: 6px !important;
+      }
+    }
+
+    .anchor-offset:before {
+      display: none;
+    }
+  }
+}
diff --git a/src/theme/ItaliaTheme/Subsites/ItaliaTheme/Blocks/_searchSections.scss b/src/theme/ItaliaTheme/Subsites/ItaliaTheme/Blocks/_searchSections.scss
index 4e7a77fec..2ba2a51c6 100644
--- a/src/theme/ItaliaTheme/Subsites/ItaliaTheme/Blocks/_searchSections.scss
+++ b/src/theme/ItaliaTheme/Subsites/ItaliaTheme/Blocks/_searchSections.scss
@@ -57,12 +57,13 @@
       .search-container {
         .filter-wrapper.select-filter {
           .react-select__control {
-            .react-select__placeholder {
-              color: $subsite-primary-text !important;
+            .react-select__placeholder,
+            .react-select__single-value {
+              color: color-contrast($subsite-primary) !important;
             }
 
             .react-select__indicators svg {
-              fill: $subsite-primary-text;
+              fill: color-contrast($subsite-primary);
             }
           }
         }
@@ -70,15 +71,15 @@
         .date-filter {
           .DateRangePickerInput {
             .DateInput_input {
-              color: $subsite-primary-text;
+              color: color-contrast($subsite-primary);
             }
 
             .DateRangePickerInput_arrow .DateRangePickerInput_arrow_svg {
-              fill: $subsite-primary-text;
+              fill: color-contrast($subsite-primary);
             }
 
             .DateRangePickerInput_clearDates svg {
-              fill: $subsite-primary-text;
+              fill: color-contrast($subsite-primary);
             }
           }
         }
@@ -87,43 +88,42 @@
 
     .bg-secondary {
       .search-container {
-        &.filter-wrapper {
-          .select-filter {
-            .react-select__control {
-              .react-select__placeholder {
-                color: $subsite-secondary-text !important;
-              }
+        .filter-wrapper.select-filter {
+          .react-select__control {
+            .react-select__placeholder,
+            .react-select__single-value {
+              color: color-contrast($subsite-secondary) !important;
+            }
 
-              .react-select__indicators svg {
-                fill: $subsite-secondary-text;
-              }
+            .react-select__indicators svg {
+              fill: color-contrast($subsite-secondary);
             }
           }
 
           &.date-filter {
             .DateRangePickerInput {
               .DateInput_input {
-                color: $subsite-secondary-text;
+                color: color-contrast($subsite-secondary);
               }
 
               .DateRangePickerInput_arrow .DateRangePickerInput_arrow_svg {
-                fill: $subsite-secondary-text;
+                fill: color-contrast($subsite-secondary);
               }
 
               .DateRangePickerInput_clearDates svg {
-                fill: $subsite-secondary-text;
+                fill: color-contrast($subsite-secondary);
               }
             }
           }
 
           &.date-filter .DateRangePickerInput {
             .DateInput_input {
-              color: $subsite-secondary-text !important;
+              color: color-contrast($subsite-secondary) !important;
             }
 
             .DateRangePickerInput_arrow .DateRangePickerInput_arrow_svg,
             .DateRangePickerInput_clearDates svg {
-              fill: $subsite-secondary-text !important;
+              fill: color-contrast($subsite-secondary) !important;
             }
           }
         }
diff --git a/src/theme/ItaliaTheme/Subsites/ItaliaTheme/Views/_common.scss b/src/theme/ItaliaTheme/Subsites/ItaliaTheme/Views/_common.scss
index eb2947d80..ad7910b77 100644
--- a/src/theme/ItaliaTheme/Subsites/ItaliaTheme/Views/_common.scss
+++ b/src/theme/ItaliaTheme/Subsites/ItaliaTheme/Views/_common.scss
@@ -13,6 +13,7 @@
   .progress {
     background-color: $subsite-primary-a0;
   }
+
   .progress-bar {
     @if $subsite-light-theme {
       background-color: $subsite-link-color;
@@ -32,13 +33,14 @@
   .navbar.it-navscroll-wrapper .link-list-wrapper ul li {
     a.active {
       @if $subsite-light-theme {
-        border-left: 2px solid $subsite-link-color;
         border-color: $subsite-link-color;
+        border-left: 2px solid $subsite-link-color;
       } @else {
-        border-left: 2px solid $subsite-primary;
         border-color: $subsite-primary;
+        border-left: 2px solid $subsite-primary;
       }
     }
+
     .nav-link {
       // evita che il bordo a sinistra mostri il primary nel momento in cui si scorre
       @if $subsite-light-theme {
@@ -54,6 +56,7 @@
     h5 {
       color: $subsite-primary-text;
     }
+
     .chip {
       @if $subsite-light-theme {
         border-color: $subsite-link-color;
@@ -61,16 +64,20 @@
         .chip-label {
           color: $subsite-link-color;
         }
+
         &:hover {
           background-color: #fff;
         }
       } @else {
         border-color: $subsite-primary-text;
+
         .chip-label {
           color: $subsite-primary-text;
         }
+
         &:hover {
           background-color: #fff;
+
           .chip-label {
             color: $subsite-primary;
           }
@@ -118,6 +125,7 @@
     .draftjs-buttons a {
       background-color: $subsite-secondary !important;
       color: $subsite-secondary-text !important;
+
       &:hover {
         background-color: darken($subsite-secondary, 5%) !important;
       }
@@ -138,6 +146,7 @@
           &:before {
             background-color: $subsite-link-color;
           }
+
           &:after {
             background-color: $subsite-link-color;
           }
@@ -145,11 +154,13 @@
           &:before {
             background-color: $subsite-primary;
           }
+
           &:after {
             background-color: $subsite-primary;
           }
         }
       }
+
       .calendar-date-description .calendar-date-description-content {
         border-left: 8px solid $subsite-primary-a0;
       }
@@ -160,11 +171,13 @@
   .point-list-wrapper .point-list .point-list-aside.point-list-warning {
     @if $subsite-light-theme {
       color: $subsite-link-color;
+
       &:after {
         background-color: $subsite-link-color;
       }
     } @else {
       color: $subsite-primary;
+
       &:after {
         background-color: $subsite-primary;
       }
diff --git a/src/theme/ItaliaTheme/Subsites/ItaliaTheme/Widgets/reactSelect.scss b/src/theme/ItaliaTheme/Subsites/ItaliaTheme/Widgets/reactSelect.scss
new file mode 100644
index 000000000..1d0768071
--- /dev/null
+++ b/src/theme/ItaliaTheme/Subsites/ItaliaTheme/Widgets/reactSelect.scss
@@ -0,0 +1,20 @@
+@use '../../all_variables' as *;
+
+@mixin common($subsite-primary-a0, $subsite-secondary) {
+  .react-select__menu {
+    .react-select__option {
+      color: color-contrast($subsite-primary-a0);
+
+      &.react-select__option--is-focused {
+        background-color: $subsite-primary-a0;
+        color: color-contrast($subsite-primary-a0);
+      }
+
+      &.react-select__option--is-focused.react-select__option--is-selected,
+      &.react-select__option--is-selected {
+        background-color: $subsite-secondary;
+        color: color-contrast($subsite-secondary);
+      }
+    }
+  }
+}
diff --git a/src/theme/ItaliaTheme/Subsites/ItaliaTheme/_common.scss b/src/theme/ItaliaTheme/Subsites/ItaliaTheme/_common.scss
index 4a49acd25..9ebf8259c 100644
--- a/src/theme/ItaliaTheme/Subsites/ItaliaTheme/_common.scss
+++ b/src/theme/ItaliaTheme/Subsites/ItaliaTheme/_common.scss
@@ -77,7 +77,11 @@
   //btn mini
   .select-all-cts.btn.btn-link.btn-mini,
   .subsite-header .text a.select-all-cts.btn-link.btn-mini {
-    color: $subsite-primary !important;
+    @if $subsite-light-theme {
+      color: $subsite-link-color !important;
+    } @else {
+      color: $subsite-primary !important;
+    }
   }
 
   //icons - general
@@ -353,12 +357,4 @@
   .DayPickerKeyboardShortcuts_showSpan {
     color: $subsite-primary-text;
   }
-
-  .react-select__menu-list {
-    .select-list {
-      .react-select__option--is-focused {
-        background-color: $subsite-primary-a0 !important;
-      }
-    }
-  }
 }
diff --git a/src/theme/ItaliaTheme/Subsites/_mixin.scss b/src/theme/ItaliaTheme/Subsites/_mixin.scss
index d0392abcb..9421f1c25 100644
--- a/src/theme/ItaliaTheme/Subsites/_mixin.scss
+++ b/src/theme/ItaliaTheme/Subsites/_mixin.scss
@@ -31,6 +31,7 @@
 @use 'ItaliaTheme/Blocks/searchSections' as it-search-sections;
 @use 'ItaliaTheme/Blocks/tableOfContents' as it-table-contents;
 @use 'ItaliaTheme/Views/common' as it-views;
+@use 'ItaliaTheme/Widgets/reactSelect' as it-select-widget;
 @use 'ItaliaTheme/common' as it-common;
 
 @function create-primary-a0($color) {
@@ -183,6 +184,7 @@
         $subsite-link-color,
         $subsite-light-theme
       );
+      @include it-select-widget.common($subsite-primary-a0, $subsite-secondary);
       @include it-common.common(
         $subsite-primary-a0,
         $subsite-primary-c1,
@@ -210,7 +212,7 @@
         box-shadow:
           inset 0 0 0 1px $subsite-primary,
           0 0 0 0.2rem rgba(var($subsite-primary), 0.2);
-        color: $subsite-primary;
+        color: color-contrast($subsite-primary);
       }
 
       //listing
diff --git a/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_navigation.scss b/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_navigation.scss
index c5836b3e2..d60d8dbe1 100644
--- a/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_navigation.scss
+++ b/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_navigation.scss
@@ -131,8 +131,8 @@
       .navbar-collapsable {
         .navbar-nav {
           li a.nav-link {
-            font-size: 16px;
             color: $subsite-link-color;
+            font-size: 16px;
 
             &.active {
               border-left-color: $subsite-link-color;
diff --git a/src/theme/ItaliaTheme/Views/_common.scss b/src/theme/ItaliaTheme/Views/_common.scss
index 32ca3040c..229e8dfbe 100644
--- a/src/theme/ItaliaTheme/Views/_common.scss
+++ b/src/theme/ItaliaTheme/Views/_common.scss
@@ -68,14 +68,39 @@ picture.volto-image.responsive img.full-width,
   margin-left: -50vw !important;
   object-fit: cover;
 
+  $toolbar-width: 80px;
+  $toolbar-collapsed-width: 20px;
+  $sidebar-width: 375px;
+  $sidebar-collapsed-width: 20px;
+
   .has-toolbar & {
-    left: calc(50% + 40px);
-    width: calc(100vw - 80px) !important;
+    left: calc(50% + calc($toolbar-width / 2));
+    width: calc(100vw - $toolbar-width) !important;
+  }
+  .has-toolbar.has-sidebar & {
+    $toolbars-width: calc($toolbar-width + $sidebar-width);
+    left: calc(50% + calc($toolbars-width / 2));
+    width: calc(100vw - $toolbars-width) !important;
+  }
+  .has-toolbar.has-sidebar-collapsed & {
+    $toolbars-width: calc($toolbar-width + $sidebar-collapsed-width);
+    left: calc(50% + calc($toolbars-width / 2));
+    width: calc(100vw - $toolbars-width) !important;
   }
 
   .has-toolbar-collapsed & {
-    left: calc(50% + 10px);
-    width: calc(100vw - 20px) !important;
+    left: calc(50% + calc($toolbar-collapsed-width / 2));
+    width: calc(100vw - $toolbar-collapsed-width) !important;
+  }
+  .has-toolbar-collapsed.has-sidebar & {
+    $toolbars-width: calc($toolbar-collapsed-width + $sidebar-width);
+    left: calc(50% + calc($toolbars-width / 2));
+    width: calc(100vw - $toolbars-width) !important;
+  }
+  .has-toolbar-collapsed.has-sidebar-collapsed & {
+    $toolbars-width: calc($toolbar-collapsed-width + $sidebar-collapsed-width);
+    left: calc(50% + calc($toolbars-width / 2));
+    width: calc(100vw - $toolbars-width) !important;
   }
 }
 
diff --git a/src/theme/ItaliaTheme/Views/_search.scss b/src/theme/ItaliaTheme/Views/_search.scss
new file mode 100644
index 000000000..6039ca109
--- /dev/null
+++ b/src/theme/ItaliaTheme/Views/_search.scss
@@ -0,0 +1,6 @@
+.search-view {
+  /* nasconde la label "Cerca nel sito" nell'input di ricerca */
+  label.has-prepend {
+    z-index: unset;
+  }
+}
diff --git a/src/theme/ItaliaTheme/Widgets/_reactSelect.scss b/src/theme/ItaliaTheme/Widgets/_reactSelect.scss
index ed3b96d65..0817daddf 100644
--- a/src/theme/ItaliaTheme/Widgets/_reactSelect.scss
+++ b/src/theme/ItaliaTheme/Widgets/_reactSelect.scss
@@ -1,3 +1,25 @@
-.react-select__control--is-focused {
-  box-shadow: 0 0 0 2px $focus-outline-color !important;
+.public-ui {
+  .react-select__menu {
+    .react-select__option {
+      color: color-contrast($primary-a0);
+
+      &.react-select__option--is-focused {
+        background-color: $primary-a0;
+        color: color-contrast($primary-a0);
+      }
+
+      &.react-select__option--is-focused.react-select__option--is-selected,
+      &.react-select__option--is-selected {
+        background-color: $primary;
+        color: color-contrast($primary);
+      }
+    }
+  }
+}
+
+.react-select__control,
+.react-select__control:hover {
+  &.react-select__control--is-focused {
+    box-shadow: 0 0 0 2px $focus-outline-color !important;
+  }
 }
diff --git a/src/theme/ItaliaTheme/_main.scss b/src/theme/ItaliaTheme/_main.scss
index d2b7dad38..0201a47d5 100644
--- a/src/theme/ItaliaTheme/_main.scss
+++ b/src/theme/ItaliaTheme/_main.scss
@@ -328,6 +328,36 @@ iframe {
   }
 }
 
+//fix footer styles for volto-editablefooter footerTop field
+.it-footer .it-footer-main .it-brand-wrapper .footerTop,
+.footer-configuration-widget .footer-top-segment .block.gridBlock .grid-items {
+  h2 {
+    margin-bottom: 0;
+    font-size: 1.777778rem;
+    font-weight: 600;
+    letter-spacing: unset;
+    line-height: 1.1;
+  }
+
+  h3 {
+    font-weight: 600;
+  }
+
+  .block.image img {
+    width: auto;
+    height: 75px;
+  }
+
+  .block.gridBlock {
+    .col {
+      &:has(.block.image) {
+        width: auto;
+        flex: 0 0 auto;
+      }
+    }
+  }
+}
+
 .bg-light {
   --bs-light-rgb: #{red($primary-a0)}, #{green($primary-a0)},
     #{blue($primary-a0)};
diff --git a/src/theme/_cms-ui.scss b/src/theme/_cms-ui.scss
index b4209fd67..fe3cf30ce 100644
--- a/src/theme/_cms-ui.scss
+++ b/src/theme/_cms-ui.scss
@@ -108,7 +108,7 @@ body.cms-ui {
     }
   }
 
-  .public-ui {
+  .public-ui:not(:has(.it-header-wrapper)) {
     a:not(.btn) {
       color: $link-color;
     }
diff --git a/src/theme/bootstrap-override/_bootstrap-italia-site.scss b/src/theme/bootstrap-override/_bootstrap-italia-site.scss
index 94c5450fe..1fa6bb54a 100644
--- a/src/theme/bootstrap-override/_bootstrap-italia-site.scss
+++ b/src/theme/bootstrap-override/_bootstrap-italia-site.scss
@@ -100,6 +100,7 @@
   @import 'bootstrap-italia/src/scss/custom/calendar';
   @import 'bootstrap-italia/src/scss/custom/alert';
   @import 'bootstrap-italia/src/scss/custom/buttons';
+  @import './bootstrap-italia/buttons';
   @import 'bootstrap-italia/src/scss/custom/font';
   @import 'bootstrap-italia/src/scss/custom/forms';
   @import 'bootstrap-italia/src/scss/custom/form-input-file';
diff --git a/src/theme/bootstrap-override/bootstrap-italia/_buttons.scss b/src/theme/bootstrap-override/bootstrap-italia/_buttons.scss
new file mode 100644
index 000000000..10192acb7
--- /dev/null
+++ b/src/theme/bootstrap-override/bootstrap-italia/_buttons.scss
@@ -0,0 +1,8 @@
+button.btn.btn-primary:focus-visible,
+.btn.btn-primary:focus-visible {
+  &:not(:hover) {
+    svg.icon {
+      fill: var(--bs-btn-hover-color);
+    }
+  }
+}
diff --git a/src/theme/bootstrap-override/bootstrap-italia/_form.scss b/src/theme/bootstrap-override/bootstrap-italia/_form.scss
index 28f3d7a6b..7389d3a20 100644
--- a/src/theme/bootstrap-override/bootstrap-italia/_form.scss
+++ b/src/theme/bootstrap-override/bootstrap-italia/_form.scss
@@ -5,12 +5,6 @@
 
   &.is-invalid {
     background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f73e5a' viewBox='0 0 384 512'%3E%3Cpath d='M231.6 256l130.1-130.1c4.7-4.7 4.7-12.3 0-17l-22.6-22.6c-4.7-4.7-12.3-4.7-17 0L192 216.4 61.9 86.3c-4.7-4.7-12.3-4.7-17 0l-22.6 22.6c-4.7 4.7-4.7 12.3 0 17L152.4 256 22.3 386.1c-4.7 4.7-4.7 12.3 0 17l22.6 22.6c4.7 4.7 12.3 4.7 17 0L192 295.6l130.1 130.1c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17L231.6 256z'/%3E%3C/svg%3E");
-
-    small,
-    small.text-muted,
-    small.form-feedback.just-validate-error-label {
-      color: $danger !important;
-    }
   }
 
   .was-validated &:valid,
@@ -50,3 +44,8 @@
     }
   }
 }
+
+.invalid-feedback {
+  //nella versione vecchia di bootstrap-italia che usiamo (2.3.4) questa regola non c'è e serve.
+  display: block;
+}
diff --git a/src/theme/extras/_forms.scss b/src/theme/extras/_forms.scss
index f5083d6ea..60391f281 100644
--- a/src/theme/extras/_forms.scss
+++ b/src/theme/extras/_forms.scss
@@ -58,6 +58,12 @@ $sidebarFormBg: #fafafa;
         background-color: transparent;
       }
     }
+
+    .ui.segments {
+      .accordion .ui.tertiary.segment {
+        font-size: 0.8rem;
+      }
+    }
   }
 }
 
diff --git a/src/theme/site.scss b/src/theme/site.scss
index 322278aca..eb25da48f 100644
--- a/src/theme/site.scss
+++ b/src/theme/site.scss
@@ -29,7 +29,6 @@
 @import 'ItaliaTheme/Components/unauthorized';
 @import 'ItaliaTheme/Components/parentSiteMenu';
 @import 'ItaliaTheme/Components/tertiaryMenu';
-@import 'ItaliaTheme/Components/search';
 @import 'ItaliaTheme/Components/subsiteHeader';
 @import 'ItaliaTheme/Components/subsiteFooter';
 @import 'ItaliaTheme/Components/scrollToTop';
@@ -108,6 +107,7 @@
 @import 'ItaliaTheme/Views/puntoDiContatto';
 @import 'ItaliaTheme/Views/persona';
 @import 'ItaliaTheme/Views/servizio';
+@import 'ItaliaTheme/Views/search';
 @import 'ItaliaTheme/Views/venue';
 @import 'ItaliaTheme/Widgets/iconWidget';
 @import 'ItaliaTheme/Widgets/searchSectionsConfigurationWidget';
@@ -139,6 +139,7 @@
 @import 'ItaliaTheme/Print/persona';
 @import 'ItaliaTheme/Print/event';
 @import 'ItaliaTheme/Print/servizio';
+@import 'ItaliaTheme/Print/uo';
 @import 'ItaliaTheme/Print/blocks';
 
 @import 'addonsThemeCustomizationsMain';
diff --git a/yarn.lock b/yarn.lock
index cd2736b72..8ae76f1ce 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6571,16 +6571,16 @@ __metadata:
     typeface-lora: 0.0.72
     typeface-roboto-mono: 0.0.75
     typeface-titillium-web: 0.0.72
-    volto-blocks-widget: 3.1.0
+    volto-blocks-widget: 3.4.0
     volto-data-grid-widget: 2.3.1
     volto-dropdownmenu: 4.1.1
-    volto-editablefooter: 5.0.3
-    volto-feedback: 0.2.0
-    volto-form-block: 3.1.0
+    volto-editablefooter: 5.1.0
+    volto-feedback: 0.3.0
+    volto-form-block: 3.7.1
     volto-gdpr-privacy: 2.1.1
     volto-google-analytics: 2.0.0
     volto-multilingual-widget: 3.0.0
-    volto-querywidget-with-browser: 0.4.1
+    volto-querywidget-with-browser: 0.4.2
     volto-rss-block: 3.0.0
     volto-secondarymenu: 4.0.0
     volto-social-settings: 3.0.0
@@ -14302,12 +14302,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"volto-blocks-widget@npm:3.1.0":
-  version: 3.1.0
-  resolution: "volto-blocks-widget@npm:3.1.0"
+"volto-blocks-widget@npm:3.4.0":
+  version: 3.4.0
+  resolution: "volto-blocks-widget@npm:3.4.0"
   peerDependencies:
     "@plone/volto": ">=16.0.0-alpha.38"
-  checksum: 91fc5fc102acdf17f8a8f733aef4331622246fc6b008a1c486dd21b08b71583332b53d32bb4a2b75529edaa5f740421c913e04a9565c09d03fbab41c5d700978
+  checksum: 355675359cc64b23c0357de8b952195a9693543a7e95c2c1f463b65fc7bd081d64aca8f2086e95775d5771f7071d681276f18a968e666dbead40e2c48ee9843a
   languageName: node
   linkType: hard
 
@@ -14331,32 +14331,33 @@ __metadata:
   languageName: node
   linkType: hard
 
-"volto-editablefooter@npm:5.0.3":
-  version: 5.0.3
-  resolution: "volto-editablefooter@npm:5.0.3"
+"volto-editablefooter@npm:5.1.0":
+  version: 5.1.0
+  resolution: "volto-editablefooter@npm:5.1.0"
   dependencies:
     react-outside-click-handler: 1.3.0
   peerDependencies:
     "@plone/volto": ">=16.0.0-alpha.38"
-  checksum: efbc8e7679dc78727fa465e238421346d682edc80780baa56baa8ec047e6009ed5dee436b120143c464427735820f2dac52fa98f9c46890a17f0e16c30a18c36
+    volto-blocks-widget: ">=3.4.0"
+  checksum: 2a1316344048e7447da39b513e067b9368f90057d1ef9bc6541ba0b9cd4a1c04b5246943677a5238d3391c30f3778320fe6e12f3f7c8f310adc61b1c6c8016ad
   languageName: node
   linkType: hard
 
-"volto-feedback@npm:0.2.0":
-  version: 0.2.0
-  resolution: "volto-feedback@npm:0.2.0"
+"volto-feedback@npm:0.3.0":
+  version: 0.3.0
+  resolution: "volto-feedback@npm:0.3.0"
   dependencies:
     react-google-recaptcha-v3: 1.9.5
     semantic-ui-css: 2.5.0
   peerDependencies:
     "@plone/volto": ">=16.0.0"
-  checksum: ada1f08b987352d5856c2ade2aea4c26cf13a7d19f5e132fcb3213231b7f8e4b7d64fda981931a010c271002d3e76eb09759065274498a594c2dc0d0772e98b1
+  checksum: 5d4fe0327995d0e6dfaaed5594938b463212856d80b66619f19815fcd1c65b71ed422f47b012082900dfff176d18806f6e568091ae1239288e870b5996a370b7
   languageName: node
   linkType: hard
 
-"volto-form-block@npm:3.1.0":
-  version: 3.1.0
-  resolution: "volto-form-block@npm:3.1.0"
+"volto-form-block@npm:3.7.1":
+  version: 3.7.1
+  resolution: "volto-form-block@npm:3.7.1"
   dependencies:
     "@hcaptcha/react-hcaptcha": ^0.3.6
     file-saver: ^2.0.5
@@ -14365,7 +14366,7 @@ __metadata:
   peerDependencies:
     "@plone/volto": ">=16.0.0-alpha.38"
     volto-subblocks: ^2.0.0
-  checksum: a8707b864ee32acf99151d302de6389d9a395623b2c384dbae3a1acb9e2b5c57f355f5d9318834fa9e49b004f14f97494534dd435daea65414ddce087e340009
+  checksum: 6cdbcb91d5bca43fa4ee828e7816df37573816854552fd00965053dd7f2496c8ee4c87838cbaa9d5e10b5496b51da1ed573ff3c300806f8d7a2e0ad55a8ca962
   languageName: node
   linkType: hard
 
@@ -14401,12 +14402,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"volto-querywidget-with-browser@npm:0.4.1":
-  version: 0.4.1
-  resolution: "volto-querywidget-with-browser@npm:0.4.1"
+"volto-querywidget-with-browser@npm:0.4.2":
+  version: 0.4.2
+  resolution: "volto-querywidget-with-browser@npm:0.4.2"
   peerDependencies:
     "@plone/volto": ^17.0.0
-  checksum: a01eacb7fa67561066f288c7ba18f5af177a88deca142f57c33638eb63bc1894d46ac66f01c6d2e3ea4e4f43479b762a63246a08f6600d665174d55d2a49c207
+  checksum: 881cede295a8609f1f01d67835533b73f0f8199e3fc2c209f350897b670a40f9c631567dacbbd0db8160a94c36c9b97465e87c2b90a82e2e128619f07658a212
   languageName: node
   linkType: hard