From 9fec931e0c63ce23264911941c945bbf2d4590ba Mon Sep 17 00:00:00 2001
From: Avinash <avinash.90527@gmail.com>
Date: Sat, 22 Jul 2023 00:54:53 +0530
Subject: [PATCH] aria attributes added

---
 index.html        | 18 +++++++++---------
 join-us-form.html | 32 ++++++++++++++++----------------
 2 files changed, 25 insertions(+), 25 deletions(-)

diff --git a/index.html b/index.html
index c0bd795..39aa38f 100644
--- a/index.html
+++ b/index.html
@@ -424,20 +424,20 @@ <h2>Contact Us</h2>
         </div>
         <div class="row contact-info">
           <div class="enquiry">
-            <form class="enquiry-form" id="enquiry-form">
+            <form class="enquiry-form" id="enquiry-form" aria-label="Contact us form">
               <div class="title">GET IN TOUCH</div>
-              <input type="text" id="name" placeholder="Your Name" class="" pattern='[a-zA-Z]+' required />
-              <div class="spandiv"><small class="small" id="nameerr"></small></div>
+              <input type="text" id="name" placeholder="Your Name" class="" pattern='[a-zA-Z]+' required aria-required="true" aria-label="Enter you name" aria-describedby="nameerr"/>
+              <div class="spandiv"><small class="small" id="nameerr" role="alert"></small></div>
 
               <input type="email" id="email" class="" placeholder="Email id"
-                pattern='[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$' required />
-              <div class="spandiv"><small class="small" id="mailerr"></small></div>
+                pattern='[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$' required aria-required="true" aria-label="Enter you email" aria-describedby="mailerr"/>
+              <div class="spandiv"><small class="small" id="mailerr" role="alert"></small></div>
 
-              <input type="tel" id="phone" class="" placeholder="Phone no." pattern="[0-9]{10}$" required />
-              <div class="spandiv"><small class="small" id="phoneerr"></small></div>
+              <input type="tel" id="phone" class="" placeholder="Phone no." pattern="[0-9]{10}$" required aria-required="true" aria-label="Enter you phone number" aria-describedby="phoneerr"/>
+              <div class="spandiv"><small class="small" id="phoneerr" role="alert"></small></div>
 
-              <textarea id="message" row="5" class="" placeholder="How can we help you?" required></textarea>
-              <div class="spandiv"><small class="small" id="msgerr"></small></div>
+              <textarea id="message" row="5" class="" placeholder="How can we help you?" required aria-required="true" aria-label="Enter you message" aria-describedby="msgerr"></textarea>
+              <div class="spandiv"><small class="small" id="msgerr" role="alert"></small></div>
 
               <button type="submit" onclick="sendMail()" class="hoverchanger">
                 Send
diff --git a/join-us-form.html b/join-us-form.html
index dd96691..0c6db13 100644
--- a/join-us-form.html
+++ b/join-us-form.html
@@ -102,37 +102,37 @@ <h1 class="h-title">Registrations for <span>CodeSetGo</span> Captain Program</h1
 
     </div>
     <div class="contactform">
-      <form class="form-1" id="form-1" onclick="return validateJoinUs()" action="https://formsubmit.co/9e960606c0805e44e7aec5a93537b0cf" method="POST">
+      <form class="form-1" id="form-1" onclick="return validateJoinUs()" action="https://formsubmit.co/9e960606c0805e44e7aec5a93537b0cf" method="POST" aria-label="Registration form">
         <div>
 
-          <input type="text" id="name" name="Name" placeholder="Name" />
-          <div class="spandiv"><small class="small" id="nameerr"></small></div>
+          <input type="text" id="name" name="Name" placeholder="Name" required aria-required="true" aria-label="Enter you name" aria-describedby="nameerr"/>
+          <div class="spandiv"><small class="small" id="nameerr" role="alert"></small></div>
         </div>
         <div>
 
-          <input type="email" id="email" placeholder="email@example.com" name="Email" required />
-          <div class="spandiv"><small class="small" id="mailerr"></small></div>
+          <input type="email" id="email" placeholder="email@example.com" name="Email" required aria-required="true" aria-label="Enter you email" aria-describedby="mailerr"/>
+          <div class="spandiv"><small class="small" id="mailerr" role="alert"></small></div>
         </div>
         <div>
 
-          <input type="text" id="college" placeholder="College (With City)" name="College" />
-          <div class="spandiv"><small class="small" id="collegeerr"></small></div>
+          <input type="text" id="college" placeholder="College (With City)" name="College" required aria-required="true" aria-label="Enter you college" aria-describedby="collegeerr"/>
+          <div class="spandiv"><small class="small" id="collegeerr" role="alert"></small></div>
         </div>
         <div>
 
-          <input type="year" id="year" placeholder="Expected Graduation Year" name="Graduation Year" />
-          <div class="spandiv"><small class="small" id="yearerr"></small></div>
+          <input type="year" id="year" placeholder="Expected Graduation Year" name="Graduation Year"  required aria-required="true" aria-label="Enter you Graduation Year" aria-describedby="yearerr"/>
+          <div class="spandiv"><small class="small" id="yearerr" role="alert"></small></div>
         </div>
         <div>
 
-          <input type="number" id="phone" placeholder="+91777xxxxxxx(WhatsApp)" name="Phone Number (WhatsApp)" />
-          <div class="spandiv"><small class="small" id="phoneerr"></small></div>
+          <input type="number" id="phone" placeholder="+91777xxxxxxx(WhatsApp)" name="Phone Number (WhatsApp)" required aria-required="true" aria-label="Enter you Phone Number" aria-describedby="phoneerr"/>
+          <div class="spandiv"><small class="small" id="phoneerr" role="alert"></small></div>
 
         </div>
         <div>
 
-          <input type="text" id="country" placeholder="Country" name="Country" />
-          <div class="spandiv"><small class="small" id="countryerr"></small></div>
+          <input type="text" id="country" placeholder="Country" required aria-required="true" aria-label="Enter you country" aria-describedby="countryerr"/>
+          <div class="spandiv"><small class="small" id="countryerr" role="alert"></small></div>
         </div>
 
         <button type="submit" class="Subtn">SUBMIT FORM</button>
@@ -140,12 +140,12 @@ <h1 class="h-title">Registrations for <span>CodeSetGo</span> Captain Program</h1
       <form class="form-2" required>
         <div>
           <textarea required id="whycaptain" rows="4" placeholder=" * Why do you want to become CodeSetGo Captain?"
-            name="Why do you want to become CodeSetGo Captain?" required></textarea>
-            <div class="spandiv"><small class="small" id="whycaptainerr"></small></div>
+            name="Why do you want to become CodeSetGo Captain?" aria-required="true" aria-label="Enter you email" aria-describedby="mailerr"></textarea>
+            <div class="spandiv"><small class="small" id="whycaptainerr" role="alert"></small></div>
         </div>
         <div>
           <textarea id="comment" rows="8" placeholder=" * Any Comments or Questions? (Not Mandatory)"
-            name="Any Comments or Questions? " required></textarea>
+            name="Any Comments or Questions? " required aria-required="true" aria-label="Enter you email" aria-describedby="mailerr"></textarea>
         </div>
       </form>
     </div>