Merge pull request #29 from fac31/a11y

A11y
fac31 · Mar 30, 2024 · a7513a8 · a7513a8
2 parents eca8a67 + 4806100
commit a7513a8
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 17 deletions.
diff --git a/contact.html b/contact.html
@@ -33,16 +33,25 @@ <h1 class="contact-header">Got questions?</h1>
         </p>
 
         <form>
-          <div class="radio-group">
-            <input type="radio" id="mr" value="mr" />
-            <label for="mr">Mr.</label>
+          <fieldset>
+            <legend>Title:</legend>
+            <div class="radio-group">
+              <input name="title" type="radio" id="mr" value="mr" />
+              <label for="mr">Mr</label>
 
-            <input type="radio" id="mrs" value="mrs" />
-            <label for="mrs">Mrs.</label>
+              <input name="title" type="radio" id="mrs" value="mrs" />
+              <label for="mrs">Mrs</label>
 
-            <input type="radio" id="other" value="other" />
-            <label for="other">Other</label>
-          </div>
+              <input name="title" type="radio" id="ms" value="ms" />
+              <label for="ms">Ms</label>
+
+              <input name="title" type="radio" id="mx" value="mx" />
+              <label for="mx">Mx</label>
+
+              <input name="title" type="radio" id="other" value="other" />
+              <label for="other">Prefer not say</label>
+            </div>
+          </fieldset>
 
           <div class="form-group">
             <label for="first-name"
@@ -68,12 +77,12 @@ <h1 class="contact-header">Got questions?</h1>
             <label for="phone-number"
               >Phone number<span class="required-asterisk">*</span></label
             >
-            <input type="text" id="phone-number" required />
+            <input type="number" id="phone-number" required />
 
             <label for="question"
               >Your question<span class="required-asterisk">*</span></label
             >
-            <textarea id="question" id="questionr" required></textarea>
+            <textarea id="question" required></textarea>
           </div>
 
           <input type="checkbox" id="checkbox" />
@@ -84,7 +93,8 @@ <h1 class="contact-header">Got questions?</h1>
           >
         </form>
 
-        <button class="contatined-button-accent">
+
+        <button type="submit" class="contatined-button-accent">
           <span class="material-symbols-rounded"> arrow_right_alt </span>Submit
         </button>
       </section>

diff --git a/index.html b/index.html
@@ -13,14 +13,14 @@
   </head>
   <body class="background-main">
     <header>
-      <nav class="nav-container">
+      <nav class="nav-container navbar" aria-label="Main Menu">
         <div class="nav-links">
           <ul class="nav-menu">
-            <li class="nav-page-link"><a href="find.html">Find</a></li>
-            <li class="nav-page-link"><a href="#become">Become</a></li>
-            <li class="nav-page-link"><a href="contact.html">Contact</a></li>
-            <li class="nav-page-link"><a href="aboutus.html">About</a></li>
-            <li class="nav-page-link"><a href="#blog">Blog</a></li>
+            <li class="nav-page-link nav-item"><a href="find.html">Find</a></li>
+            <li class="nav-page-link nav-item"><a href="#become">Become</a></li>
+            <li class="nav-page-link nav-item"><a href="contact.html">Contact</a></li>
+            <li class="nav-page-link nav-item"><a href="aboutus.html">About</a></li>
+            <li class="nav-page-link nav-item"><a href="#blog">Blog</a></li>
           </ul>
         </div>
         <div class="nav-buttons">