Learn Accessibility by Building a Quiz. Step 20

HTML-CSS
1

Hi everyone. I am stuck at this step because all my “appropriate” for attribute text for the last label (D.O.B. that is Date of Birth) have been rejected. I have used date-of-birth, date_of_birth, date of birth, dateOfBirth, date-Of-Birth, dob, DOB, but it is not working.

Here’s the code:

<section role="region" aria-labelledby="student-info">
          <h2 id="student-info">Student Info</h2>
          <div class="info">
            <label for="name">Name:</label>
            <input id="name"/>
          </div>
          <div class="info">
            <label for="email">Email:</label>
            <input id="email"/>
          </div>
          <div class="info">
            <label for"date-of-birth">D.O.B.:</label>
            <input id="date-of-birth"/>
          </div>
        </section>

The hint insists that I should give the third label element an appropriate for attribute.
Any help will be appreciated. Thanks

2

You’ll need to paste in your HTML here so we can see exactly what you have tried.

To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key. You may also be able to use Ctrl+e to automatically give you the triple back ticks while you are typing in the this editor and the cursor is on a line by itself. Alternatively, with the cursor on a line by itself, you can use the </> button above the editor to add the triple back ticks.

3

Thanks Sir. I have edited my post.

4 
<label for"date-of-birth">

I think you are missing an equals sign in there.

5

Thanks. That’s the prob.

6

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.