I am at my wits end and I am about to quit for good! I can’t get past this step. It keep saying: Hint
You should give the first input
element an id
attribute matching the for
attribute of the first label
.
I can’t see how what I have isn’t what they are asking for!! I have the for and id attributes matching! I’m not sure what I’m missing here!! Please help me!!
/* file: index.html */
<form method="post" action="https://freecodecamp.org/practice-project/accessibility-quiz">
<section role="region" aria-labelledby="student-info">
<h2 id="student-info">Student Info</h2>
<div class="info">
<label for="Name">Student's Name</label>
<input id="Name"/>
</div>
<div class="info">
<label for="Email">Email</label>
<input id="Email" type="text"/>
</div>
<div class="info">
<label for="DOB">DOB</label>
<input id="DOB" type="text"/>
</div>
</section>