Applied Accessibility: Improve Form Field Accessibility with the label Element "THIS AINT WORKING"


      <label for="crypto">Email:</label>
      <input type="text" id="crypto" name="name">

all I keep on getting is that my “id” and “for” value need to match but they do so whats the fuss???

input type=“text” id=“crypto” name=“name”
was originally pre-filled in as
input type=“text” id=“email” name=“email”
you don’t need to change anything on this line you just have to
" Add a for attribute on the email label that matches the id on its input field."

Big over reaching title for such a focused lesson. It would be improved if the email input were changed from type="text" to the HTML5 email type="email". When you match for and id the label doesn’t need to wrap the input and they can be placed farther apart for esthetic reasons with css. Regardless the label is now “linked” to the input and can act like a trigger to to put the cursor in the input. Also you can greatly increase the target area of the label with padding.