a11y action

assets/js/theme/design-system/mainMenu.js

 import { breakpoints } from '../utils/breakpoints';
+import { a11yClick } from '../utils/a11y';
 
 const CLASSES = {
     mainMenuOpened: 'is-opened',
@@ -33,7 +34,7 @@ class MainMenu {
         });
 
         this.dropdownsButtons.forEach((button) => {
-            button.addEventListener('click', (event) => {
+            a11yClick(button, (event) => {
                 event.preventDefault();
                 this.toggleDropdown(button);
             });

assets/js/theme/utils/a11y.js

+const actionKeys = [
+  'Enter',
+  'Space'
+];
+
+const a11yClick = function(element, action) {
+  element.addEventListener('click', action);
+  element.addEventListener('keydown', (event) => {
+    console.log(event)
+    actionKeys.forEach(key => {
+      if (key === event.code) {
+        action(event);
+      }
+    })
+  });
+}
+
+export {
+  a11yClick
+}
\ No newline at end of file