From 60ad7735c1413847520c0b5fee2ddeef3e9e3f83 Mon Sep 17 00:00:00 2001
From: Prateek2007-cmd <chintawarprateek@gmail.com>
Date: Sat, 13 Jun 2026 23:54:35 +0530
Subject: [PATCH] fix(a11y): add aria-labels to login form elements

---
 login.html | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)
diff --git a/login.html b/login.html
index 3d186842..bc7d5ae2 100644
--- a/login.html
+++ b/login.html
@@ -21,7 +21,7 @@
 <body>
   <section id="header">
     <!-- Logo -->
-    <a href="index.html">
+    <a href="index.html" aria-label="Home">
       <img id="siteLogo" src="images/logo.png" alt="Cara Logo" />
     </a>
 
@@ -50,7 +50,7 @@
       <h2>Welcome Back!</h2>
       <p class="subtitle">Please enter your details to sign in</p>
 
-      <form id="loginForm" class="login-form" novalidate>
+      <form id="loginForm" class="login-form" aria-label="Login form" novalidate>
         <div class="input-group">
           <label for="loginEmail">Email Address</label>
           <input type="email" id="loginEmail" name="email" class="input-field" placeholder="Enter your email address"
@@ -89,7 +89,7 @@ <h2>Welcome Back!</h2>
           <label>Login As</label>
           <div class="role-selector">
             <label class="role-option">
-              <input type="radio" name="loginRole" value="USER" checked />
+              <input type="radio" name="loginRole" value="USER" aria-label="Login as User" checked />
               <span class="role-card">
                 <i class="ri-user-3-line"></i>
                 <strong>User</strong>
@@ -97,7 +97,7 @@ <h2>Welcome Back!</h2>
               </span>
             </label>
             <label class="role-option">
-              <input type="radio" name="loginRole" value="ADMIN" />
+              <input type="radio" name="loginRole" value="ADMIN" aria-label="Login as Admin" />
               <span class="role-card">
                 <i class="ri-shield-user-line"></i>
                 <strong>Admin</strong>
@@ -107,7 +107,7 @@ <h2>Welcome Back!</h2>
           </div>
         </div>
 
-        <button type="submit" class="login-btn"><span>Sign In</span></button>
+        <button type="submit" class="login-btn" aria-label="Sign In"><span>Sign In</span></button>
       </form>
 
       <div class="signup-link">
@@ -143,6 +143,4 @@ <h2>Welcome Back!</h2>
     <script src="js/simple-captcha.js" defer></script>
 </body>
 
-</html>
-
-<!-- TODO: Integrate aria labels for screen readers -->
\ No newline at end of file
+</html>
\ No newline at end of file
