From 9a0d9a1130f8a042cf8dc8aca69726e42c67750e Mon Sep 17 00:00:00 2001
From: Sabrina Bongiovanni <sabrina.bongiovanni@redturtle.it>
Date: Mon, 18 Mar 2024 09:52:09 +0100
Subject: [PATCH] fix: used collapseOpen variable to change aria-label message

---
 .../volto/components/theme/Navigation/Navigation.jsx      | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/customizations/volto/components/theme/Navigation/Navigation.jsx b/src/customizations/volto/components/theme/Navigation/Navigation.jsx
index 01a0c0681..cbff00513 100644
--- a/src/customizations/volto/components/theme/Navigation/Navigation.jsx
+++ b/src/customizations/volto/components/theme/Navigation/Navigation.jsx
@@ -91,6 +91,8 @@ const Navigation = ({ pathname }) => {
       document.body.removeEventListener('click', blocksClickListener);
   }, []);
 
+  console.log(collapseOpen);
+
   return (
     <Header theme="" type="navbar">
       {menu?.length > 0 ? (
@@ -98,7 +100,9 @@ const Navigation = ({ pathname }) => {
           <HeaderToggler
             aria-controls="it-navigation-collapse"
             aria-expanded={collapseOpen}
-            aria-label={intl.formatMessage(messages.ToggleMenu)}
+            aria-label={intl.formatMessage(messages.ToggleMenu, {
+              action: collapseOpen ? 'Chiudi' : 'Apri',
+            })}
             onClick={() => {
               setCollapseOpen(!collapseOpen);
               setFocusTrapActive(!focusTrapActive);
@@ -177,7 +181,7 @@ const messages = defineMessages({
   },
   ToggleMenu: {
     id: 'toggle-menu',
-    defaultMessage: 'Apri o chiudi il menu',
+    defaultMessage: '{action} il menu',
   },
 });