Learn Accessibility by Building a Quiz Step 20

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>

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

1 Like