Learn Accessibility by Building a Quiz - Step 32

[vyshnavk117]

Tell us what’s happening:

I have done all i can, please help me

Tip:You should place the first label text content after the input element.

Your code so far

 <ul class="answers-list">
                <li>
                  <input type="radio" id="q1-a1" name="first" value="True" />
                  <label for="q1-a1">True</label>
                </li>
                <li>
                  <input type="radio" id="q1-a2" name="first" value="False"/> 
                  <label for="q1-a2">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>
                  <input type="radio" id="q2-a1" name="second" value="True" />
                  <label for="q2-a1">True</label>
                </li>
                <li>
                  <input type="radio" id="q2-a2" name="second" value="False" />
                  <label for="q2-a2">False</label>
                </li>
              </ul>

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.

• True
• False

2

A label element nesting an input element is required to have a for attribute with the same value as the input's id

• True
• False

Your 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:

freeCodeCamp.org

[hbar1st]

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

[vyshnavk117]

I got it resolved my self, i need help in deleting this post.

[hbar1st]

please click the reset button because you moved the label elements and that was not the correct action to take.

After you reset, the first part of the code in the editor should look as below:

              <ul class="answers-list">
                <li>
                  <label for="q1-a1">
                    <input type="radio" id="q1-a1" />
                  </label>
                </li>
                <li>
                  <label for="q1-a2">
                    <input type="radio" id="q1-a2" />
                  </label>
                </li>
              </ul>

All you have to do with these is make each radio button have some text.
One should be True
the other should be False

Put the text directly after the input element - on the right side of it

Do the same for the other radio buttons for the 2nd question

[hbar1st]

you don’t need to delete the post.