feat(#50): make accepted filtering keyboard accessible

TDT4290-group-4 · Oct 29, 2025 · e6c6a30 · e6c6a30
1 parent ed883b3
commit e6c6a30
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/src/Accessibility/makeMenuTabbable.js b/src/Accessibility/makeMenuTabbable.js
@@ -6,6 +6,7 @@ export function makeMenuTabbable() {
   makeMiniMapTabbable()
   makePanelsTabbable()
   makeElevationControlTabbable()
+  makeAcceptedFilteringTabbable()
 }
 
 /**
@@ -102,4 +103,20 @@ function makeElevationControlTabbable() {
       }
     });
   });
+}
+
+/**
+ * Makes accepted filtering panel tabbable and keyboard clickable
+ */
+function makeAcceptedFilteringTabbable() {
+  const activateButton = document.getElementById('doAcceptedFiltering')
+  if (activateButton) {
+    activateButton.tabIndex = 0;
+    activateButton.addEventListener('keydown', (e) => {
+      if (e.key === 'Enter' || e.key === ' ') {
+        e.preventDefault();
+        activateButton.click();
+      }
+    });
+  }
 }