From 55f5fa59338b82598c340141d81290b78da902e9 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Fri, 28 Aug 2026 05:24:10 +0000
Subject: [PATCH 1/4] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20Improve=20accessi?=
 =?UTF-8?q?bility=20in=20visualizer=20annotation=20tools?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: sheepdestroyer <1377479+sheepdestroyer@users.noreply.github.com>
---
 .Jules/palette.md             | 4 ++++
 router/static/visualizer.html | 6 +++---
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/.Jules/palette.md b/.Jules/palette.md
index d6fa89b3..54282ebb 100644
--- a/.Jules/palette.md
+++ b/.Jules/palette.md
@@ -21,3 +21,7 @@
 ## 2026-08-16 - Focus Parity for CSS Transform Animations
 **Learning:** When interactive elements (like `.btn` links) have CSS `transform` animations on `:hover` (e.g., `transform: translateX(4px)`), missing the corresponding `transform` on the `:focus-visible` state means keyboard users do not get the same visual feedback as mouse users, creating an inconsistent and less polished experience.
 **Action:** Ensure CSS `transform` and other layout-affecting animations applied on `:hover` are also applied on `:focus-visible` for the parent element to maintain focus parity.
+
+## 2026-08-28 - Button Semantics vs Empty Anchors for JS Actions
+**Learning:** Using `<a href="#">` for JavaScript actions creates an unintended page jump to the top of the viewport when clicked and lacks the proper semantic role for interactive actions.
+**Action:** Replace interactive `#` links with native `<button type="button">` elements. Apply CSS resets (e.g., `background: transparent; border: none; color: inherit;`) to preserve the existing visual layout while fixing the behavioral and accessibility regressions.
diff --git a/router/static/visualizer.html b/router/static/visualizer.html
index 942e17fb..1a58cc76 100644
--- a/router/static/visualizer.html
+++ b/router/static/visualizer.html
@@ -322,10 +322,10 @@ <h3>✎ Human Review</h3>
         <span><span class="dot hum"></span> Human selection</span>
       </div>
       <div class="annotation-bar">
-        <input type="text" id="note-input" placeholder="Optional review note..." value="${ann ? escapeHtml(ann.note || '') : ''}">
-        <button onclick="saveNote(${idx})">Save Note</button>
+        <input type="text" id="note-input" aria-label="Review note" placeholder="Optional review note..." value="${ann ? escapeHtml(ann.note || '') : ''}">
+        <button type="button" onclick="saveNote(${idx})">Save Note</button>
       </div>
-      ${ann ? `<div style="margin-top:8px;font-size:0.75em;color:#64b5f6">✓ Reviewed as <b>${escapeHtml(ann.tier)}</b> · <a href="#" onclick="clearAnnotation(${idx})" style="color:#f44336">clear</a></div>` : ''}
+      ${ann ? `<div style="margin-top:8px;font-size:0.75em;color:#64b5f6">✓ Reviewed as <b>${escapeHtml(ann.tier)}</b> · <button type="button" onclick="clearAnnotation(${idx})" style="background: transparent; color: #f44336; border: none; font-family: inherit; font-size: inherit; text-decoration: underline; cursor: pointer; padding: 0;" aria-label="Clear annotation">clear</button></div>` : ''}
     </div>
   `;
 }

From 8b8785b47ef85df4132550919daf5ffb13bc96ce Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Fri, 28 Aug 2026 05:28:33 +0000
Subject: [PATCH 2/4] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20Improve=20accessi?=
 =?UTF-8?q?bility=20in=20visualizer=20annotation=20tools?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: sheepdestroyer <1377479+sheepdestroyer@users.noreply.github.com>

From 7e1667c78f3a7f3d72eddc82cc4b01e313fe036c Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Fri, 28 Aug 2026 05:30:30 +0000
Subject: [PATCH 3/4] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20Improve=20accessi?=
 =?UTF-8?q?bility=20in=20visualizer=20annotation=20tools?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: sheepdestroyer <1377479+sheepdestroyer@users.noreply.github.com>

From a1df3717d2949fa8e7010eb16cc9325442a7fd78 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Fri, 28 Aug 2026 05:32:13 +0000
Subject: [PATCH 4/4] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20Improve=20accessi?=
 =?UTF-8?q?bility=20in=20visualizer=20annotation=20tools?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: sheepdestroyer <1377479+sheepdestroyer@users.noreply.github.com>