diff --git a/RELEASE.md b/RELEASE.md
index fc40c1164..c1378f4e3 100644
--- a/RELEASE.md
+++ b/RELEASE.md
@@ -41,17 +41,14 @@
 - ...
 -->
 
-## Versione X.X.X (dd/mm/yyyy)
+## Versione x.x.x (dd/mm/yyyy)
 
 ### Fix
 
 - Diminuita la larghezza del testo nelle card che indicano i luoghi.
+- Risolto un problema nel blocco Video Gallery, per cui alcuni video di youtube non erano riproducibili.
 
-### Migliorie
-
-- Migliorata l'accessibilità nella pagina di Ricerca.
-
-## Versione 11.1.4 (dd/mm/yyyy)
+## Versione 11.1.4 (05/01/2024)
 
 ### Fix
 
diff --git a/package.json b/package.json
index 90db87504..40da639b4 100644
--- a/package.json
+++ b/package.json
@@ -131,6 +131,7 @@
     "htmldiff-js": "1.0.5",
     "marked": "9.0.0",
     "react-dropzone": "11.0.1",
+    "react-focus-lock": "2.9.4",
     "react-google-recaptcha-v3": "1.7.0",
     "react-select": "^4.3.1",
     "react-slick": "^0.29.0",
diff --git a/src/components/Collapse.jsx b/src/components/Collapse.jsx
index 86f21de0d..26a1d1446 100644
--- a/src/components/Collapse.jsx
+++ b/src/components/Collapse.jsx
@@ -39,10 +39,10 @@ const Collapse = ({
   children,
   isOpen,
   onOverlayClick,
+  showCloseButton = true, // deprecato da v12.0.0
   ...attributes
 }) => {
   const intl = useIntl();
-
   if (navbar && header) {
     const classes = classNames(className, 'navbar-collapse', {
       expanded: isOpen,
@@ -60,16 +60,21 @@ const Collapse = ({
           style={{ display: isOpen ? 'block' : 'none' }}
           onClick={onOverlayClick}
         ></div>
-        <div className="close-div">
-          <button
-            className="btn close-menu"
-            type="button"
-            title={intl.formatMessage(messages.CloseMenu)}
-            onClick={onOverlayClick}
-          >
-            <Icon color="white" icon="it-close-big" padding={false} />
-          </button>
-        </div>
+        {/* Deprecato - non viene più utilizzato da v12.0.0 per ragioni di accessibilità
+          Close button ora presente in Navigation.jsx
+        */}
+        {showCloseButton && (
+          <div className="close-div">
+            <button
+              className="btn close-menu"
+              type="button"
+              title={intl.formatMessage(messages.CloseMenu)}
+              onClick={onOverlayClick}
+            >
+              <Icon color="white" icon="it-close-big" padding={false} />
+            </button>
+          </div>
+        )}
         {children}
       </CollapseBase>
     );
diff --git a/src/components/ItaliaTheme/Blocks/VideoGallery/Block/ViewBlock.jsx b/src/components/ItaliaTheme/Blocks/VideoGallery/Block/ViewBlock.jsx
index 19eeafa25..f28b3448c 100644
--- a/src/components/ItaliaTheme/Blocks/VideoGallery/Block/ViewBlock.jsx
+++ b/src/components/ItaliaTheme/Blocks/VideoGallery/Block/ViewBlock.jsx
@@ -6,13 +6,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { Embed } from 'semantic-ui-react';
-import {
-  isInternalURL,
-  getParentUrl,
-  flattenToAppURL,
-} from '@plone/volto/helpers';
+import { isInternalURL, getParentUrl } from '@plone/volto/helpers';
 import { ConditionalEmbed } from 'volto-gdpr-privacy';
 import { FontAwesomeIcon } from 'design-comuni-plone-theme/components/ItaliaTheme';
+import { videoUrlHelper } from 'design-comuni-plone-theme/helpers';
 import { useIntl, defineMessages } from 'react-intl';
 import config from '@plone/volto/registry';
 
@@ -34,23 +31,36 @@ const messages = defineMessages({
  */
 const ViewBlock = ({ data, index, isEditMode = false }) => {
   const intl = useIntl();
-  let placeholder = data.preview_image
-    ? isInternalURL(data.preview_image)
-      ? `${flattenToAppURL(data.preview_image)}/@@images/image`
-      : data.preview_image
-    : null;
 
-  if (!placeholder && data.url) {
-    if (data.url.match('youtu')) {
-      //load video preview image from youtube
+  let placeholder = null;
+  let videoID = null;
+  let listID = null;
 
-      const videoID = data.url.match(/.be\//)
-        ? data.url.match(/^.*\.be\/(.*)/)?.[1]
-        : data.url.match(/^.*\?v=(.*)$/)?.[1];
-      placeholder = 'https://img.youtube.com/vi/' + videoID + '/hqdefault.jpg';
-    } else if (data.url.match('vimeo')) {
-      const videoID = data.url.match(/^.*\.com\/(.*)/)[1];
-      placeholder = 'https://vumbnail.com/' + videoID + '.jpg';
+  if (data.url) {
+    const [computedID, computedPlaceholder] = videoUrlHelper(
+      data.url,
+      data?.preview_image,
+    );
+    if (computedID) {
+      videoID = computedID;
+    }
+    if (computedPlaceholder) {
+      placeholder = computedPlaceholder;
+    }
+
+    if (data.url.match('list')) {
+      const matches = data.url.match(/^.*\?list=(.*)|^.*&list=(.*)$/);
+      listID = matches[1] || matches[2];
+
+      let thumbnailID = null;
+      if (data.url.match(/\?v=(.*)&list/)) {
+        thumbnailID = data.url.match(/^.*\?v=(.*)&list(.*)/)[1];
+      }
+      if (data.url.match(/\?v=(.*)\?list/)) {
+        thumbnailID = data.url.match(/^.*\?v=(.*)\?list(.*)/)[1];
+      }
+      placeholder =
+        'https://img.youtube.com/vi/' + thumbnailID + '/hqdefault.jpg';
     }
   }
 
@@ -90,31 +100,17 @@ const ViewBlock = ({ data, index, isEditMode = false }) => {
           <>
             {data.url.match('list') ? (
               <Embed
-                url={`https://www.youtube.com/embed/videoseries?list=${
-                  data.url.match(/^.*\?list=(.*)$/)[1]
-                }`}
+                url={`https://www.youtube.com/embed/videoseries?list=${listID}`}
                 {...embedSettings}
               />
             ) : (
-              <Embed
-                id={
-                  data.url.match(/.be\//)
-                    ? data.url.match(/^.*\.be\/(.*)/)?.[1]
-                    : data.url.match(/^.*\?v=(.*)$/)?.[1]
-                }
-                source="youtube"
-                {...embedSettings}
-              />
+              <Embed id={videoID} source="youtube" {...embedSettings} />
             )}
           </>
         ) : (
           <>
             {data.url.match('vimeo') ? (
-              <Embed
-                id={data.url.match(/^.*\.com\/(.*)/)[1]}
-                source="vimeo"
-                {...embedSettings}
-              />
+              <Embed id={videoID} source="vimeo" {...embedSettings} />
             ) : (
               <>
                 {data.url.match('.mp4') ? (
diff --git a/src/components/ItaliaTheme/MegaMenu/MegaMenu.jsx b/src/components/ItaliaTheme/MegaMenu/MegaMenu.jsx
index 7a17726ac..e55aede9d 100644
--- a/src/components/ItaliaTheme/MegaMenu/MegaMenu.jsx
+++ b/src/components/ItaliaTheme/MegaMenu/MegaMenu.jsx
@@ -112,13 +112,14 @@ const MegaMenu = ({ item, pathname }) => {
 
   if (item.mode === 'simpleLink') {
     return item.linkUrl?.length > 0 ? (
-      <NavItem tag="li">
+      <NavItem tag="li" active={isItemActive} role="none">
         <NavLink
           href={item.linkUrl === '' ? '/' : null}
           item={item.linkUrl[0]?.['@id'] ? item.linkUrl[0] : '#'}
           tag={UniversalLink}
           active={isItemActive}
           data-element={item.id_lighthouse}
+          role="menuitem"
         >
           <span dangerouslySetInnerHTML={{ __html: item.title }}></span>
           {isItemActive && (
@@ -238,7 +239,7 @@ const MegaMenu = ({ item, pathname }) => {
     }
 
     return (
-      <NavItem tag="li" className="megamenu" active={isItemActive}>
+      <NavItem tag="li" className="megamenu" active={isItemActive} role="none">
         <UncontrolledDropdown
           nav
           inNavbar
@@ -269,6 +270,9 @@ const MegaMenu = ({ item, pathname }) => {
                   }
                 }}
                 title={intl.formatMessage(messages.closeMenu)}
+                // APG spec: on Tab menu closes, so remove it from focusable elements
+                // https://www.w3.org/WAI/ARIA/apg/patterns/menubar/examples/menubar-navigation/
+                tabIndex="-1"
               >
                 <Icon icon="it-close" />
               </Button>
@@ -278,10 +282,14 @@ const MegaMenu = ({ item, pathname }) => {
                 <Row>
                   {childrenGroups.map((group, index) => (
                     <Col lg={12 / max_cols} key={'group_' + index}>
-                      <LinkList className="bordered">
+                      <LinkList
+                        className="bordered"
+                        role="menu"
+                        aria-label={item.title ?? ''}
+                      >
                         {group.map((child, idx) => {
                           return (
-                            <li key={child['@id'] + idx}>
+                            <li key={child['@id'] + idx} role="none">
                               {child.showAsHeader ? (
                                 <h3
                                   className={cx('list-item', {
@@ -298,6 +306,7 @@ const MegaMenu = ({ item, pathname }) => {
                                     key={child['@id']}
                                     onClick={() => setMenuStatus(false)}
                                     role="menuitem"
+                                    aria-current="page"
                                   >
                                     <span>{child.title}</span>
                                   </ConditionalLink>
@@ -362,12 +371,13 @@ const MegaMenu = ({ item, pathname }) => {
                 <Row>
                   <Col lg={8} />
                   <Col lg={4}>
-                    <LinkList>
-                      <li className="it-more text-end">
+                    <LinkList role="menu" aria-label={item.showMoreText ?? ''}>
+                      <li className="it-more text-end" role="none">
                         <UniversalLink
                           className="list-item medium"
                           item={item.showMoreLink[0]}
                           onClick={() => setMenuStatus(false)}
+                          role="menuitem"
                         >
                           <span>
                             {item.showMoreText?.length > 0
diff --git a/src/components/ItaliaTheme/MenuSecondary/MenuSecondary.jsx b/src/components/ItaliaTheme/MenuSecondary/MenuSecondary.jsx
index 4dfd91056..c596d944d 100644
--- a/src/components/ItaliaTheme/MenuSecondary/MenuSecondary.jsx
+++ b/src/components/ItaliaTheme/MenuSecondary/MenuSecondary.jsx
@@ -44,17 +44,18 @@ const MenuSecondary = ({ pathname }) => {
 
   return (
     items?.length > 0 && (
-      <Nav navbar className="navbar-secondary" role="navigation">
+      <Nav navbar className="navbar-secondary" role="menubar">
         {items.map((item, i) => {
           let url = item.href || item.linkUrl?.[0]?.['@id'] || '';
 
           return (
-            <NavItem tag="li" key={i}>
+            <NavItem tag="li" active={isMenuActive(url)} key={i} role="none">
               <NavLink
                 href={url === '' ? '/' : flattenToAppURL(url)}
                 tag={UniversalLink}
                 active={isMenuActive(url)}
                 data-element={item.id_lighthouse}
+                role="menuitem"
               >
                 <span
                   className={item.inEvidence ? 'fw-bold' : ''}
diff --git a/src/customizations/volto/components/theme/Navigation/Navigation.jsx b/src/customizations/volto/components/theme/Navigation/Navigation.jsx
index e5f61b8b1..e3b7999ed 100644
--- a/src/customizations/volto/components/theme/Navigation/Navigation.jsx
+++ b/src/customizations/volto/components/theme/Navigation/Navigation.jsx
@@ -4,6 +4,7 @@
  */
 
 import React, { useEffect, useState } from 'react';
+import { defineMessages, useIntl } from 'react-intl';
 import PropTypes from 'prop-types';
 import { useDispatch, useSelector } from 'react-redux';
 import { UniversalLink } from '@plone/volto/components';
@@ -25,9 +26,13 @@ import {
 } from 'design-comuni-plone-theme/components/ItaliaTheme';
 
 import { getDropdownMenuNavitems, getItemsByPath } from 'volto-dropdownmenu';
+import FocusLock from 'react-focus-lock';
 
 const Navigation = ({ pathname }) => {
+  const intl = useIntl();
   const [collapseOpen, setCollapseOpen] = useState(false);
+  const [focusTrapActive, setFocusTrapActive] = useState(false);
+
   const dispatch = useDispatch();
 
   const subsite = useSelector((state) => state.subsite?.data);
@@ -73,6 +78,7 @@ const Navigation = ({ pathname }) => {
       }
 
       setCollapseOpen(false);
+      setFocusTrapActive(false);
     };
 
     document.body.addEventListener('click', blocksClickListener);
@@ -89,7 +95,10 @@ const Navigation = ({ pathname }) => {
             aria-controls="#it-navigation-collapse"
             aria-expanded={collapseOpen}
             aria-label="Toggle navigation"
-            onClick={() => setCollapseOpen(!collapseOpen)}
+            onClick={() => {
+              setCollapseOpen(!collapseOpen);
+              setFocusTrapActive(!focusTrapActive);
+            }}
           >
             <Icon icon="it-burger" />
           </HeaderToggler>
@@ -99,44 +108,57 @@ const Navigation = ({ pathname }) => {
             navbar
             onOverlayClick={() => setCollapseOpen(!collapseOpen)}
             id="it-navigation-collapse"
+            showCloseButton={false}
           >
-            <div className="menu-wrapper">
-              <div className="it-brand-wrapper" role="navigation">
-                <UniversalLink
-                  href={
-                    subsite?.['@id'] ? flattenToAppURL(subsite['@id']) : '/'
-                  }
-                  onClick={() => setCollapseOpen(false)}
+            <FocusLock disabled={!focusTrapActive}>
+              <div className="menu-wrapper">
+                <div className="it-brand-wrapper" role="navigation">
+                  <UniversalLink
+                    href={
+                      subsite?.['@id'] ? flattenToAppURL(subsite['@id']) : '/'
+                    }
+                    onClick={() => setCollapseOpen(false)}
+                  >
+                    {subsite?.subsite_logo ? logoSubsite : <Logo />}
+                    <BrandText mobile={true} subsite={subsite} />
+                  </UniversalLink>
+                </div>
+                {/* Main Menu */}
+                <Nav data-element="main-navigation" navbar role="menubar">
+                  {menu
+                    ?.filter((item) => item.visible)
+                    ?.map((item, index) => (
+                      <MegaMenu
+                        item={item}
+                        pathname={pathname}
+                        key={index + 'mm'}
+                      />
+                    ))}
+                </Nav>
+
+                {/* Secondary Menu */}
+                <MenuSecondary pathname={pathname} />
+
+                {/* Headerslim Menu - main site */}
+                {!subsite && <TertiaryMenu />}
+
+                {/* Social Links */}
+                <SocialHeader />
+
+                {/* Headerslim Menu - parent site (if subsite) */}
+                {subsite && <ParentSiteMenu />}
+              </div>
+              <div className="close-div">
+                <button
+                  className="btn close-menu"
+                  type="button"
+                  title={intl.formatMessage(messages.CloseMenu)}
+                  onClick={() => setCollapseOpen(!collapseOpen)}
                 >
-                  {subsite?.subsite_logo ? logoSubsite : <Logo />}
-                  <BrandText mobile={true} subsite={subsite} />
-                </UniversalLink>
+                  <Icon color="white" icon="it-close-big" padding={false} />
+                </button>
               </div>
-              {/* Main Menu */}
-              <Nav data-element="main-navigation" navbar>
-                {menu
-                  ?.filter((item) => item.visible)
-                  ?.map((item, index) => (
-                    <MegaMenu
-                      item={item}
-                      pathname={pathname}
-                      key={index + 'mm'}
-                    />
-                  ))}
-              </Nav>
-
-              {/* Secondary Menu */}
-              <MenuSecondary pathname={pathname} />
-
-              {/* Headerslim Menu - main site */}
-              {!subsite && <TertiaryMenu />}
-
-              {/* Social Links */}
-              <SocialHeader />
-
-              {/* Headerslim Menu - parent site (if subsite) */}
-              {subsite && <ParentSiteMenu />}
-            </div>
+            </FocusLock>
           </Collapse>
         </HeaderContent>
       ) : null}
@@ -144,6 +166,13 @@ const Navigation = ({ pathname }) => {
   );
 };
 
+const messages = defineMessages({
+  CloseMenu: {
+    id: 'close-menu',
+    defaultMessage: 'Chiudi menu',
+  },
+});
+
 Navigation.propTypes = {
   pathname: PropTypes.string.isRequired,
 };
diff --git a/src/theme/ItaliaTheme/Blocks/_alert.scss b/src/theme/ItaliaTheme/Blocks/_alert.scss
index a56de95a5..fefc23a71 100644
--- a/src/theme/ItaliaTheme/Blocks/_alert.scss
+++ b/src/theme/ItaliaTheme/Blocks/_alert.scss
@@ -17,26 +17,28 @@
 
     .bg-alert-danger {
       background-color: $alert-danger;
-      color: $white;
+      color: $alert-danger-text;
 
       a {
-        color: $white;
+        color: $alert-danger-text;
       }
     }
 
     .bg-alert-warning {
       background-color: $alert-warning;
+      color: $alert-warning-text;
 
       a {
-        color: $body-color;
+        color: $alert-warning-text;
       }
     }
 
     .bg-alert-info {
       background-color: $alert-info;
+      color: $alert-info-text;
 
       a {
-        color: $body-color;
+        color: $alert-info-text;
       }
     }
 
diff --git a/src/theme/_site-variables.scss b/src/theme/_site-variables.scss
index dd82b17ce..ba08dcaaa 100644
--- a/src/theme/_site-variables.scss
+++ b/src/theme/_site-variables.scss
@@ -21,7 +21,7 @@ $font-family-monospace-light: Roboto Mono Light !default;
 
 // Per abilitare l'header bianco impostare a true
 // e impostare "$header-center-bg-color: white" come qui sotto
-$enable-header-white-background: false;
+$enable-header-white-background: false !default;
 // $header-center-bg-color: white;
 // $header-slim-bg-color: #3f3f3f;
 
@@ -42,9 +42,12 @@ $caption-text: #455b71 !default;
 $primary-a0: hsl($primary-h, 62%, 97%) !default;
 
 // ALERT-BLOCK CUSTOM COLORS
-$alert-danger: #a32219;
-$alert-warning: #eb973f;
-$alert-info: #f0c250;
+$alert-danger: #a32219 !default;
+$alert-danger-text: #fff !default;
+$alert-warning: #eb973f !default;
+$alert-warning-text: #000 !default;
+$alert-info: #f0c250 !default;
+$alert-info-text: #000 !default;
 
 $argument-icon-color: $tertiary !default;
 $argument-icon-bg: #f5f6f7 !default;
diff --git a/yarn.lock b/yarn.lock
index d11d74f73..36719d5af 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6557,6 +6557,7 @@ __metadata:
     postcss-scss: 4.0.9
     prettier: 3.1.0
     react-dropzone: 11.0.1
+    react-focus-lock: 2.9.4
     react-google-recaptcha-v3: 1.7.0
     react-select: ^4.3.1
     react-slick: ^0.29.0
@@ -9447,18 +9448,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"json5@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "json5@npm:1.0.1"
-  dependencies:
-    minimist: ^1.2.0
-  bin:
-    json5: lib/cli.js
-  checksum: e76ea23dbb8fc1348c143da628134a98adf4c5a4e8ea2adaa74a80c455fc2cdf0e2e13e6398ef819bfe92306b610ebb2002668ed9fc1af386d593691ef346fc3
-  languageName: node
-  linkType: hard
-
-"json5@npm:^1.0.2":
+"json5@npm:^1.0.1, json5@npm:^1.0.2":
   version: 1.0.2
   resolution: "json5@npm:1.0.2"
   dependencies:
@@ -9469,16 +9459,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"json5@npm:^2.1.2, json5@npm:^2.2.1":
-  version: 2.2.1
-  resolution: "json5@npm:2.2.1"
-  bin:
-    json5: lib/cli.js
-  checksum: 74b8a23b102a6f2bf2d224797ae553a75488b5adbaee9c9b6e5ab8b510a2fc6e38f876d4c77dea672d4014a44b2399e15f2051ac2b37b87f74c0c7602003543b
-  languageName: node
-  linkType: hard
-
-"json5@npm:^2.2.3":
+"json5@npm:^2.1.2, json5@npm:^2.2.1, json5@npm:^2.2.3":
   version: 2.2.3
   resolution: "json5@npm:2.2.3"
   bin:
@@ -12930,13 +12911,13 @@ __metadata:
   linkType: hard
 
 "simple-git@npm:^3.3.0":
-  version: 3.14.1
-  resolution: "simple-git@npm:3.14.1"
+  version: 3.22.0
+  resolution: "simple-git@npm:3.22.0"
   dependencies:
     "@kwsites/file-exists": ^1.1.1
     "@kwsites/promise-deferred": ^1.1.1
     debug: ^4.3.4
-  checksum: f9d2282e1483f8f42325a7e80803389eb540101a88968bf9fd277c1eade8621d4c24dcf2677be5d611df8716934fb4c9676356052ac03e2fcec7517b4b922e8b
+  checksum: 118c43a3e1e27aecd8487205ed509acf925112de6edf1feb304d180c673f6e08279a13bcfae33c948de8b0809f2b929f9263fa7033ec7ef84908904eda0c3e2d
   languageName: node
   linkType: hard