diff --git a/.Jules/palette.md b/.Jules/palette.md
index 7c7c523..1db0617 100644
--- a/.Jules/palette.md
+++ b/.Jules/palette.md
@@ -29,3 +29,7 @@
 ## 2026-06-12 - Robust Skip-to-Content Links
 **Learning:** Adding a "Skip to main content" link is a critical accessibility requirement for keyboard users. To make it robust, it needs to be hidden visually but appear when focused using `transform: translateY(-100%)` instead of magic pixel numbers, and the target container (e.g., `<main>`) must have a matching `id` and `tabindex="-1"` so it can programmatically receive focus across all browsers.
 **Action:** Always include a visually hidden 'Skip to main content' link immediately after the opening `<body>` tag. Set the main content container with an `id` and explicitly `tabindex="-1"`.
+
+## 2026-06-21 - Accessible Anchor Button Keyboard Activation
+**Learning:** When using `<a>` tags with `href="#"` as buttons (e.g., to open a modal), native keyboard accessibility breaks. While native `<button>` elements trigger a click event on both `Enter` and `Spacebar`, `<a>` elements only trigger on `Enter`. Keyboard users and screen reader users expect `role="button"` elements to respond to `Spacebar`.
+**Action:** When a link acts as a button, add `role="button"` and `aria-haspopup="dialog"`. Additionally, bind a `keydown` event listener that explicitly listens for `Spacebar` (using `e.preventDefault()` to stop the default page scrolling) and executes the click handler to provide a fully accessible experience.
diff --git a/concepts.html b/concepts.html
index d4e1807..13b8873 100644
--- a/concepts.html
+++ b/concepts.html
@@ -19,7 +19,7 @@ <h1>CHARLES WILLIAMS</h1>
                 <a href="products.html">Products</a>
                 <a href="concepts.html" class="active" aria-current="page">Concepts</a>
                 <a href="contact.html">Contact</a>
-                <a href="#" id="sitrep-btn">OSINT</a>
+                <a href="#" id="sitrep-btn" role="button" aria-haspopup="dialog">OSINT</a>
             </nav>
             <div id="local-info" class="local-info-widget"></div>
         </div>
diff --git a/contact.html b/contact.html
index b30b503..15d119b 100644
--- a/contact.html
+++ b/contact.html
@@ -49,7 +49,7 @@ <h2>Get in Touch</h2>
                 </a>
 
 
-                <a href="#" id="sitrep-btn" class="button">
+                <a href="#" id="sitrep-btn" class="button" role="button" aria-haspopup="dialog">
                     <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-activity"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline></svg>
                     OSINT
                 </a>
diff --git a/modal.js b/modal.js
index 994d6bd..1ff4d02 100644
--- a/modal.js
+++ b/modal.js
@@ -56,6 +56,12 @@ const openModal = (e) => {
     const btns = document.querySelectorAll('#sitrep-btn');
     btns.forEach(btn => {
         btn.addEventListener('click', openModal);
+        btn.addEventListener('keydown', (e) => {
+            if (e.code === 'Space') {
+                e.preventDefault();
+                openModal(e);
+            }
+        });
     });
 
     // Close modal via button
diff --git a/products.html b/products.html
index f5f0835..01f1a6c 100644
--- a/products.html
+++ b/products.html
@@ -20,7 +20,7 @@ <h1>CHARLES WILLIAMS</h1>
                 <a href="products.html" class="active" aria-current="page">Products</a>
                 <a href="concepts.html">Concepts</a>
                 <a href="contact.html">Contact</a>
-                <a href="#" id="sitrep-btn">OSINT</a>
+                <a href="#" id="sitrep-btn" role="button" aria-haspopup="dialog">OSINT</a>
             </nav>
             <div id="local-info" class="local-info-widget"></div>
         </div>
