feat(a11y): add aria-pressed attribute to toggle buttons

Co-authored-by: alvin000009238 <107313913+alvin000009238@users.noreply.github.com>

Author: google-labs-jules[bot]

frontend/sync.js

@@ -375,11 +375,13 @@ export function setupSyncFeature() {
                 eyeOffIcon.style.display = 'block';
                 togglePasswordBtn.setAttribute('aria-label', '隱藏密碼');
                 togglePasswordBtn.setAttribute('title', '隱藏密碼');
+                togglePasswordBtn.setAttribute('aria-pressed', 'true');
             } else {
                 eyeIcon.style.display = 'block';
                 eyeOffIcon.style.display = 'none';
                 togglePasswordBtn.setAttribute('aria-label', '顯示密碼');
                 togglePasswordBtn.setAttribute('title', '顯示密碼');
+                togglePasswordBtn.setAttribute('aria-pressed', 'false');
             }
         });
     }

frontend/theme.js

@@ -28,6 +28,7 @@ export function applyTheme(theme) {
         const nextThemeLabel = theme === 'light' ? '深色' : '淺色';
         toggleBtn.setAttribute('aria-label', `切換至${nextThemeLabel}模式`);
         toggleBtn.setAttribute('title', `切換至${nextThemeLabel}模式`);
+        toggleBtn.setAttribute('aria-pressed', theme === 'dark' ? 'true' : 'false');
     }
 
     document.dispatchEvent(new CustomEvent('themechange', {

public/index.html

@@ -40,7 +40,7 @@
     </noscript>
     <script src="https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit" async defer></script>
     <script src="/theme-init.js"></script>
-    <link rel="stylesheet" href="/dist/main-bt8E1vXG.css" id="vite-css">
+    <link rel="stylesheet" href="/dist/main-D2sAJccc.css" id="vite-css">
     <link rel="icon" type="image/x-icon" href="/favicon.ico?v=20260402">
     <link rel="icon" type="image/png" href="/favicon-96x96.png?v=20260402" sizes="96x96" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg?v=20260402" />
@@ -91,7 +91,7 @@ <h1>成績分析平台</h1>
                     </div>
                     <div class="flex-center-gap-8 header-actions">
                         <button class="icon-btn theme-toggle-btn" id="themeToggleBtn" type="button" aria-label="切換至淺色模式"
-                            title="切換主題">
+                            title="切換主題" aria-pressed="false">
                             <span class="dropdown-icon theme-icon theme-icon-moon">
                                 <svg class="inline-svg-icon icon-18" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
                                     height="1em" viewBox="0 -960 960 960" width="1em">
@@ -185,7 +185,7 @@ <h3 class="flex-center-gap-8">
                                     autocomplete="current-password" placeholder=" " data-tour="login-password">
                                 <label for="passwordInput">密碼</label>
                                 <button type="button" id="togglePasswordBtn" class="toggle-password-btn"
-                                    aria-label="顯示密碼" title="顯示密碼">
+                                    aria-label="顯示密碼" title="顯示密碼" aria-pressed="false">
                                     <svg class="inline-svg-icon eye-icon" fill="currentColor"
                                         xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 -960 960 960"
                                         width="1em">
@@ -534,7 +534,7 @@ <h3 class="section-title">
         </footer>
     </div>
 
-    <script type="module" src="/dist/main-D-w4GNFQ.js"></script>
+    <script type="module" src="/dist/main-b8YgiUL2.js"></script>
 </body>
 
 </html>

public/privacy.html

@@ -14,7 +14,7 @@
     <link
         href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Noto+Sans+TC:wght@400;500;700&display=swap"
         rel="stylesheet">
-    <link rel="stylesheet" href="/dist/main-bt8E1vXG.css" id="vite-css">
+    <link rel="stylesheet" href="/dist/main-D2sAJccc.css" id="vite-css">
     <link rel="icon" type="image/x-icon" href="/favicon.ico">
     <style>
         .privacy-container {