From 87232ff532428358e1fe4b5c4d6044298e124cf4 Mon Sep 17 00:00:00 2001
From: seonghobae <8172694+seonghobae@users.noreply.github.com>
Date: Fri, 16 Oct 2026 07:39:56 +0000
Subject: [PATCH 1/2] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20Console=20?=
 =?UTF-8?q?=EB=8C=80=EC=8B=9C=EB=B3=B4=EB=93=9C=EC=97=90=20=EC=8A=A4?=
 =?UTF-8?q?=ED=82=B5=20=EB=A7=81=ED=81=AC(Skip=20to=20content)=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Console 대시보드(console.html)에 "Skip to content" 링크 추가
- 키보드/스크린 리더 사용자가 헤더를 건너뛰고 `<main>`으로 바로 이동할 수 있도록 접근성 향상
- 스킵 링크 회귀 테스트 추가
---
 scanner/dashboard/console.html               | 5 ++++-
 tests/test_console_accessibility_contract.py | 9 +++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/scanner/dashboard/console.html b/scanner/dashboard/console.html
index 7ec262af4..b44e157bf 100644
--- a/scanner/dashboard/console.html
+++ b/scanner/dashboard/console.html
@@ -46,9 +46,12 @@
   .err{color:var(--crit);font-weight:600}
   code{background:var(--bg);padding:1px 5px;border-radius:4px}
   .hidden{display:none}
+  .skip-link{position:absolute;top:-48px;left:0;background:var(--primary);color:#fff;padding:8px 16px;z-index:100;font-weight:700;border-radius:0 0 8px 0;transition:top .2s}
+  .skip-link:focus{top:0;outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px var(--primary)}
 </style>
 </head>
 <body>
+<a href="#main" class="skip-link">Skip to content</a>
 <header>
   <div class="logo"></div>
   <h1>AppGuardrail Console</h1>
@@ -58,7 +61,7 @@ <h1>AppGuardrail Console</h1>
   <button id="connect">Connect</button>
   <button id="logout" class="ghost hidden">Sign out</button>
 </header>
-<main>
+<main id="main" tabindex="-1">
   <div id="msg" class="card muted" role="alert" aria-live="polite">Paste your org API key and connect to view scan history.</div>
   <div id="app" class="hidden">
     <div class="stats" id="stats"></div>
diff --git a/tests/test_console_accessibility_contract.py b/tests/test_console_accessibility_contract.py
index da45fdc5e..f9ef7ba31 100644
--- a/tests/test_console_accessibility_contract.py
+++ b/tests/test_console_accessibility_contract.py
@@ -23,3 +23,12 @@ def test_console_rows_preserve_cell_content_for_screen_readers():
 
     assert 'role="button" title="View scan details"' in html
     assert 'aria-label="View scan details"' not in html
+
+def test_console_skip_link_is_first_and_targets_focusable_main():
+    """Keyboard users can bypass repeated controls and focus the main region."""
+    html = _console_html()
+    skip_link = '<a href="#main" class="skip-link">Skip to content</a>'
+    assert skip_link in html
+    assert '<main id="main" tabindex="-1">' in html
+    assert html.index(skip_link) < html.index("<header>")
+    assert ".skip-link:focus" in html

From ea294465151fa1c1353911a7f13483e4fd9bf8b4 Mon Sep 17 00:00:00 2001
From: seonghobae <8172694+seonghobae@users.noreply.github.com>
Date: Fri, 16 Oct 2026 07:43:27 +0000
Subject: [PATCH 2/2] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20Console=20?=
 =?UTF-8?q?=EB=8C=80=EC=8B=9C=EB=B3=B4=EB=93=9C=EC=97=90=20=EC=8A=A4?=
 =?UTF-8?q?=ED=82=B5=20=EB=A7=81=ED=81=AC(Skip=20to=20content)=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Console 대시보드(console.html)에 "Skip to content" 링크 추가
- 키보드/스크린 리더 사용자가 헤더를 건너뛰고 `<main>`으로 바로 이동할 수 있도록 접근성 향상
- 스킵 링크 회귀 테스트 추가