From 2fcd974a565c42dd1d4bd13e6d4cd916f05b48d0 Mon Sep 17 00:00:00 2001
From: srinidhi-2006-bit <egalasrinidhireddy7@gmail.com>
Date: Sat, 30 May 2026 02:33:20 +0530
Subject: [PATCH] fix: improve accessibility for interactive elements

---
 package-lock.json                | 3 +++
 src/components/AccountToggle.tsx | 1 +
 src/components/SignOutButton.tsx | 9 ++++++---
 src/components/UserAvatar.tsx    | 1 +
 4 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 7275b260e..bbd1aeb57 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -52,6 +52,9 @@
         "ts-jest": "^29.4.11",
         "typescript": "^5",
         "vitest": "^1.6.0"
+      },
+      "engines": {
+        "node": ">=20.0.0"
       }
     },
     "node_modules/@adobe/css-tools": {
diff --git a/src/components/AccountToggle.tsx b/src/components/AccountToggle.tsx
index e91e62136..49fde40ae 100644
--- a/src/components/AccountToggle.tsx
+++ b/src/components/AccountToggle.tsx
@@ -73,6 +73,7 @@ export default function AccountToggle() {
           <button
             key={`${option.label}-${option.value ?? "primary"}`}
             type="button"
+            aria-pressed={isActive}
             onClick={() => setSelectedAccount(option.value)}
             className={`rounded-lg border px-3 py-2 text-sm font-medium transition-colors ${
               isActive
diff --git a/src/components/SignOutButton.tsx b/src/components/SignOutButton.tsx
index 7fcbedb77..2d5ef18e5 100644
--- a/src/components/SignOutButton.tsx
+++ b/src/components/SignOutButton.tsx
@@ -24,6 +24,7 @@ export default function SignOutButton() {
                 <button
                     type="button"
                     onClick={handleSignOut}
+                    aria-label="Confirm sign out"
                     disabled={signingOut}
                     className="inline-flex h-10 items-center rounded-full bg-red-600 px-4 text-sm font-semibold text-white hover:bg-red-700 disabled:opacity-70"
                 >
@@ -35,6 +36,7 @@ export default function SignOutButton() {
                     onClick={() => setConfirming(false)}
                     disabled={signingOut}
                     className="inline-flex h-10 items-center rounded-full border px-4 text-sm font-semibold hover:bg-gray-100"
+                    aria-label="Cancel sign out"
                 >
                     Cancel
                 </button>
@@ -48,6 +50,7 @@ export default function SignOutButton() {
             disabled={signingOut}
             suppressHydrationWarning
             onClick={() => setConfirming(true)}
+            aria-label="Sign out"
             className="inline-flex h-10 items-center gap-2 rounded-full border border-[var(--destructive)]/50 bg-[var(--destructive)]/80 px-4 text-sm font-semibold text-[var(--destructive-foreground)] transition-colors hover:bg-[var(--destructive)] disabled:cursor-not-allowed disabled:opacity-70"
         >
             {signingOut && (
@@ -69,8 +72,8 @@ export default function SignOutButton() {
                     <path
                         className="opacity-75"
                         fill="currentColor"
-                        d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 
-                        5.291A7.962 7.962 0 014 12H0c0 
+                        d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2
+                        5.291A7.962 7.962 0 014 12H0c0
                         3.042 1.135 5.824 3 7.938l3-2.647z"
                     />
                 </svg>
@@ -79,4 +82,4 @@ export default function SignOutButton() {
             Sign out
         </button>
     )
-}
\ No newline at end of file
+}
diff --git a/src/components/UserAvatar.tsx b/src/components/UserAvatar.tsx
index 717675c92..c7ea6ef8d 100644
--- a/src/components/UserAvatar.tsx
+++ b/src/components/UserAvatar.tsx
@@ -19,6 +19,7 @@ export default function UserAvatar() {
   return (
     <a
       href={session?.githubLogin ? `https://github.com/${session.githubLogin}` : "#"}
+      aria-label={`Open GitHub profile for ${name}`}
       target="_blank"
       rel="noopener noreferrer"
       tabIndex={0}