0m364 · 0m364 · Jul 2, 2026
diff --git 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-07-02 - Anchor Tags as Buttons Accessibility
+**Learning:** Using `<a>` tags with `href="#"` to trigger JavaScript actions (like opening a modal) without navigating away is a common pattern. However, screen readers treat them as links, and natively, they only trigger on the `Enter` key. Keyboard users and screen reader users expect elements that perform actions to be identified and behave as buttons (triggering on both `Enter` and `Space`).
+**Action:** When using `<a>` tags for actions, always add `role="button"` and `aria-haspopup="dialog"` (if opening a modal). Furthermore, add a JavaScript `keydown` listener to intercept the `Space` key (`e.preventDefault()` to stop scrolling) and execute the action, bringing it in line with native `<button>` behavior.
diff --git 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
@@ -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
@@ -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.key === ' ' || e.key === 'Spacebar') {
+                e.preventDefault();
+                openModal(e);
+            }
+        });
     });
 
     // Close modal via button

diff --git 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>

diff --git a/server.log b/server.log
@@ -0,0 +1,5 @@
+127.0.0.1 - - [02/Jul/2026 11:48:15] "GET /contact.html HTTP/1.1" 200 -
+127.0.0.1 - - [02/Jul/2026 11:48:15] "GET /styles.css HTTP/1.1" 200 -
+127.0.0.1 - - [02/Jul/2026 11:48:15] "GET /modal.js HTTP/1.1" 200 -
+127.0.0.1 - - [02/Jul/2026 11:48:15] "GET /checkout-link-qr-code.png HTTP/1.1" 200 -
+127.0.0.1 - - [02/Jul/2026 11:48:15] "GET /widget.js HTTP/1.1" 200 -
-Original file line number
+Diff line change
@@ Expand Up / @@ -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>
@@ Expand Down @@