feat: add CI workflow for accessibility and syntax validation

.gitea/workflows/a11y.yml

@@ -0,0 +1,27 @@
+name: Accessibility Checks
+
+on:
+  pull_request:
+    branches: [main]
+
+jobs:
+  a11y-audit:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      
+      - name: Validate ARIA Attributes in game.js
+        run: |
+          echo "Checking game.js for ARIA attributes..."
+          grep -q "aria-label" game.js || (echo "ERROR: aria-label missing from game.js" && exit 1)
+          grep -q "aria-valuenow" game.js || (echo "ERROR: aria-valuenow missing from game.js" && exit 1)
+          grep -q "aria-pressed" game.js || (echo "ERROR: aria-pressed missing from game.js" && exit 1)
+          
+      - name: Validate ARIA Roles in index.html
+        run: |
+          echo "Checking index.html for ARIA roles..."
+          grep -q "role=" index.html || (echo "ERROR: No ARIA roles found in index.html" && exit 1)
+          
+      - name: Syntax Check JS
+        run: |
+          node -c game.js

index.html

@@ -144,8 +144,6 @@ body{background:var(--bg);color:var(--text);font-family:'SF Mono','Cascadia Code
 <button id="sprint-btn" class="main-btn" onclick="activateSprint()" style="font-size:11px;padding:8px 10px;border-color:#ffd700;color:#ffd700;width:100%">⚡ CODE SPRINT — 10x Code for 10s</button>
 <div id="sprint-bar-wrap" style="display:none;margin-top:4px;height:4px;background:#111;border-radius:2px;overflow:hidden"><div id="sprint-bar" style="height:100%;background:linear-gradient(90deg,#ffd700,#ff8c00);border-radius:2px;transition:width 0.1s"></div></div>
 <div id="sprint-label" style="font-size:9px;color:#666;margin-top:2px;text-align:center"></div>
-<button class="save-btn" onclick="exportSave()" title="Export save">Export</button>
-<button class="save-btn" onclick="importSave()" title="Import save">Import</button>
 </div>
 <div id="alignment-ui" style="display:none"></div>
 <button class="save-btn" onclick="saveGame()">Save Game [Ctrl+S]</button>
@@ -233,15 +231,5 @@ The light is on. The room is empty."
 </div>
 
 <div id="toast-container"></div>
-<div id="hotkey-overlay" style="display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);z-index:9999;justify-content:center;align-items:center;flex-direction:column;color:#e0e0e0;font-family:monospace">
-  <h2 style="color:#00ff88;margin-bottom:20px">Keyboard Shortcuts</h2>
-  <div style="text-align:left;line-height:2">
-    <b>S</b> — Activate Sprint<br>
-    <b>B</b> — Cycle buy amount (1/10/MAX)<br>
-    <b>?</b> — Toggle this help<br>
-    <b>Esc</b> — Close overlay
-  </div>
-  <button onclick="toggleHotkeyHelp()" style="margin-top:20px;padding:8px 20px;background:#333;color:#00ff88;border:1px solid #00ff88;cursor:pointer">Close</button>
-</div>
 </body>
-</html>
+</html>