Learn Accessibility by Building a Quiz - Step 32

HTML-CSS
1

In this step, after many other approaches, I cut and pasted the nested input from working code. Copied the same snippet into all 4 li elements. First 3 are fine, but my code fails with the message: Hint: You should give the fourth label element text content.
Your code so far

  • <input type="radio" id="q1-a1" name="q1-a1" value="true" True/> 
                </li>
            <li>
             <label for="q1-a2">
                <input type="radio" id="q1-a2" name="answer-two" value="false"
                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
              </label>
            </li>
            <li>
               <label for="q2-a2">
                <input type="radio" id="q2-a2" />False
              </label>
            </li>
          </ul>
        </fieldset>
      </div>
    </section>
    <section role="region" aria-labelledby="css-questions">
      <h2 id="css-questions">CSS</h2>
    </section>
  </form>
</main>
    WARNING

    The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

    You will need to take an additional step here so the code you wrote presents in an easy to read format.

    Please copy/paste all the editor code showing in the challenge from where you just linked.

    Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

    Your browser information:

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

    Challenge: Learn Accessibility by Building a Quiz - Step 32

    Link to the challenge:

2

Some of these look good and some of them not so much. The last two seem to be fine, you added True and False in the right spot (although you may need to put a space in front of each of them). But for the first two you kind of did something else. Why don’t you do the same thing for the first two that you did for the last two?

Oh, I missed something. The instructions say:

“Then, give the input elements a value matching the text.”

It looks like you did this for the first two, but not the second two.

3

Thank you. I worked on it for a couple of hours yesterday and had to walk away. Got your suggestion this morning , cleande up my code, and now it works! Thanks for pointing me towards the solution, Mike