Add keyboard event listeners to close Terms of Service modal

2026-04-14 07:50:41 +02:00
parent 08cdf1a795
commit aa5ca7ff31
1 changed files with 9 additions and 0 deletions
--- a/frontend/src/routes/register/+page.svelte
+++ b/frontend/src/routes/register/+page.svelte
@@ -434,7 +434,16 @@
  <div class="fixed inset-0 z-40 flex items-center justify-center">
    <div
      class="absolute inset-0 bg-gray-900 bg-opacity-50"
+      role="button"
+      tabindex="0"
+      aria-label="Close terms of service"
      on:click={() => (showTermsModal = false)}
+      on:keydown={(event) => {
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          showTermsModal = false;
+        }
+      }}
    ></div>
    <div
      class="relative z-50 w-full max-w-3xl mx-4 bg-white rounded-2xl shadow-2xl flex flex-col max-h-[90vh]"