From 10f33d63489a80662708d9e7986f458fbcc8fce7 Mon Sep 17 00:00:00 2001
From: 0m364 <13804150+0m364@users.noreply.github.com>
Date: Mon, 6 Jul 2026 11:00:41 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20Semantic=20modal=20tr?=
=?UTF-8?q?igger=20accessibility=20improvements?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
💡 What: Added `role="button"`, `aria-haspopup="dialog"`, and Spacebar keyboard event listeners to the `#sitrep-btn` links (OSINT buttons).
🎯 Why: To ensure screen readers announce these links as buttons that trigger a dialog, and to allow keyboard users to trigger them using the Spacebar (which is expected for buttons, but not native to `` tags).
♿ Accessibility: Improves semantics for AT (Assistive Technology) and full WCAG keyboard compliance for custom controls.
---
concepts.html | 2 +-
contact.html | 2 +-
modal.js | 5 +++++
products.html | 2 +-
4 files changed, 8 insertions(+), 3 deletions(-)
diff --git a/concepts.html b/concepts.html
index d4e1807..13b8873 100644
--- a/concepts.html
+++ b/concepts.html
@@ -19,7 +19,7 @@ CHARLES WILLIAMS
Products
Concepts
Contact
- OSINT
+ OSINT
diff --git a/contact.html b/contact.html
index b30b503..15d119b 100644
--- a/contact.html
+++ b/contact.html
@@ -49,7 +49,7 @@ Get in Touch
-
+
OSINT
diff --git a/modal.js b/modal.js
index 994d6bd..f0bcda4 100644
--- a/modal.js
+++ b/modal.js
@@ -56,6 +56,11 @@ 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') {
+ 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 @@ CHARLES WILLIAMS
Products
Concepts
Contact
- OSINT
+ OSINT