Learn Accessibility by Building a Quiz - Step 32

HTML-CSS
1

Tell us what’s happening:
Trying to understand this instruction is making my brain bleed…

Step 32

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.
Your code so far

              <ul class="answers-list">
                <li>
                  <label for="q1-a1">
                    <input type="radio" id="q1-a1" value="True" value="False" />
                  </label>
                </li>
                <li>
                  <label for="q1-a2">
                    <input type="radio" id="q1-a2" />
                  </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" />
                  </label>
                </li>
                <li>
                  <label for="q2-a2">
                    <input type="radio" id="q2-a2" />
                  </label>
                </li>
              </ul>
**Your browser information:**

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

**Challenge:**  Learn Accessibility by Building a Quiz - Step 32

**Link to the challenge:**
https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-accessibility-by-building-a-quiz/step-32
1 Like
2

The label elements should have text describing the input
The text should be place after the element and the text should either True or False also
The should have a value matching the text describing the input which should be either true or false.
Hope this helps

3

It’s maddening… I’ve done as you say and as the hint guides then it goes back to telling me


You should give the first `label` the text `True` or `False`.

My code currently:

              <ul class="answers-list">
                <li>
                  <label for="q1-a1">
                    <input type="radio" id="q1-a1" />
                    True or False
                  </label>
                </li>
                <li>
                  <label for="q1-a2">
                    <input type="radio" id="q1-a2" />
                    True or False
                  </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" />
                    True or False
                  </label>
                </li>
                <li>
                  <label for="q2-a2">
                    <input type="radio" id="q2-a2" />
                    True or False
                  </label>
                </li>
              </ul>
2 Likes
4

hi there, i think you are misunderstanding the intent of the questions being asked to the user.

these are true or false questions.

so the user should be presented with one option for true and the other option for false so they can pick between them.

hope this is clear enough?

2 Likes
5

There are 4 labels, each label should have either True or False, just one condition not both
And you need set the value=“true or false” inside the tag, again just one condition matching the label text which is either true or false not both

2 Likes
6

Yes thank you very much I got it :slight_smile:

2 Likes
7

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