Learn Accessibility by Building a Quiz - Step 36

<section role="region" aria-labelledby="css-questions">
          <h2 id="css-questions">CSS</h2>
          <div class="formrow">
            <div class="question-block">
              <label for="text"><input type="text" id="text"/></label>
            </div>
            <div class="answer">
            </div>
            <div class="question-block">
              <label></label>
            </div>
            <div class="answer">
            </div>
          </div>
        </section>

Challenge: Learn Accessibility by Building a Quiz - Step 36

Link to the challenge:

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

It keeps telling me to nest one label element, and give the label elements text content. I don’t understand how to do that or what that means.

Nesting is having something inside the other. So take this for example

<div class="parent">
  <div class="child"></div>
</div>

In this example there are two divs, you have the div with the class of “parent” and the div with the class of “child”. Notice how the ending div </div> for the parent div comes after the child div. This is what it means to nest, the child div is now nested inside of the parent div.

So the directions say

" Within the div.question-block elements, nest one label element, and give the label elements text content"

This is the .div-question-block

<div class="question-block">
 </div>

Inside here you need to nest a or put in a label element, and give that label some text.

While your answer was a little vague, it really helped so much. Thanks a lot. I got it.

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