fix: used collapseOpen variable to change aria-label message

RedTurtle · Mar 18, 2024 · c92060a · c92060a
1 parent ecb42d9
commit c92060a
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/customizations/volto/components/theme/Navigation/Navigation.jsx b/src/customizations/volto/components/theme/Navigation/Navigation.jsx
@@ -100,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);
@@ -179,7 +181,7 @@ const messages = defineMessages({
   },
   ToggleMenu: {
     id: 'toggle-menu',
-    defaultMessage: 'Apri o chiudi il menu',
+    defaultMessage: '{action} il menu',
   },
 });