Step 20 Learn Accessibility by Building a Quiz

Tell us what’s happening:

You should give the first label element an appropriate text content.

Your code so far

<section role="region" aria-labelledby="student-info">

          <h2 id="student-info">Student Info</h2>

          <div class="info">

            <label for="name"></label>

            <input id="name" />

          </div>

          <div class="info">

            <label for="email"></label>

            <input id="email" />

          </div>

          <div class="info">

            <label for="birthday"></label>

            <input id="birthday" />

          </div>

        </section>

Challenge: Step 20

Link to the challenge:

Your labels are currently blank… If you look at your page on the right, there is no text on the screen. The text between open and closing label tags is what the label will say.

<label> text
<input id="XXX">

I was on the same boat, need more coffee

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