Learn Accessibility by Building a Quiz - Step 32 (Solved)

This challenge asks us to,

Give the label elements text such that the input comes before the text. Then, give the input elements a value matching the text.

The text should either be True or False.

my code so far

<fieldset class="question" name="html-question-one">
              <legend>
                The legend element represents a caption for the content of its
                parent fieldset element
              </legend>
              <ul class="answers-list">
                <li>
                  <label for="q1-a1">
                    <input type="radio" id="q1-a1" class="inline" /> <p class="inline">True</p>
                  </label>
                </li>
                <li>
                  <label for="q1-a2">
                    <input type="radio" id="q1-a2" class="inline" /> <p class="inline">False</p>
                  </label>
                </li>
              </ul>
            </fieldset>
          </div>
          <div class="question-block">
            <p>2</p>
            <fieldset class="question" name="html-question-two">
              <legend>
                A label element nesting an input element is required to have a
                for attribute with the same value as the input's id
              </legend>
              <ul class="answers-list">
                <li>
                  <label for="q2-a1">
                    <input type="radio" id="q2-a1" class="inline" /> <p class="inline">True</p>
                  </label>
                </li>
                <li>
                  <label for="q2-a2">
                    <input type="radio" id="q2-a2" class="inline" /> <p class="inline">False</p>
                  </label>
                </li>
              </ul>
            </fieldset>

Hint says
You should give the first input a value matching the label text content.

Browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36

Challenge: Learn Accessibility by Building a Quiz - Step 32

Link to the challenge:

SOLUTION

I guess this is your “text”?

They just want you to add plain text (no elements).
And they want a value attribute added to each input .

1 Like