final edit to text for accesibilty

Author: risikatpopoola

Form-Controls/index.html

@@ -59,43 +59,43 @@ <h1>Product Pick</h1>
           <div>
             <h2>COLOR</h2>
             <div>
-              <label for="color">Purple</label>
-              <input type="radio" name="color" id="color" value="purple"> 
+              <label for="purple">Purple</label>
+              <input type="radio" name="color" id="purple" value="purple"> 
             </div>
             <div>
-              <label for="color">Blue</label>
-              <input type="radio" name="color" id="color" value="blue"> 
+              <label for="blue">Blue</label>
+              <input type="radio" name="color" id="blue" value="blue"> 
             </div>
             <div>
-              <label for="color">Wine</label>
-              <input type="radio" name="color" id="color" value="wine"> 
+              <label for="wine">Wine</label>
+              <input type="radio" name="color" id="wine" value="wine"> 
             </div>
           </div>
           <div>
             <h2>SIZE</h2>
             <div>
-              <label for="size">XS</label>
-              <input type="radio" name="size" id="size" value="xs"> 
+              <label for="extrasmall">XS</label>
+              <input type="radio" name="size" id="xxtrasmall" value="xs"> 
             </div>
             <div>
-              <label for="size">S</label>
-              <input type="radio" name="size" id="size" value="s"> 
+              <label for="small">S</label>
+              <input type="radio" name="size" id="small" value="s"> 
             </div>
             <div>
-              <label for="size">M</label>
-              <input type="radio" name="size" id="size" value="m"> 
+              <label for="medium">M</label>
+              <input type="radio" name="size" id="medium" value="m"> 
             </div>
             <div>
-              <label for="size">L</label>
-              <input type="radio" name="size" id="size" value="l"> 
+              <label for="large">L</label>
+              <input type="radio" name="size" id="large" value="l"> 
             </div>
             <div>
-              <label for="size">XL</label>
-              <input type="radio" name="size" id="size" value="xl"> 
+              <label for="extralarge">XL</label>
+              <input type="radio" name="size" id="extralarge" value="xtralarge"> 
             </div>
             <div>
-              <label for="size">XXL</label>
-              <input type="radio" name="size" id="size" value="xxl"> 
+              <label for="doubleextralarge">XXL</label>
+              <input type="radio" name="size" id="doubleextralarge" value="xxl"> 
             </div>
             <div>
               <button type="submit">Submit</button>