Learn Accessibility by Building a Quiz - Step 33

HTML-CSS
1

Tell us what’s happening: I’ve created a name for the inputs and the radio buttons are working correctly but I keep being told to add a name attribute to the first input

Your code so far

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.

 <ul>
                <li>
                  <label for="q1-a1">
                    <input type="radio" id="q1-a1" name="q1" value="true"/>
                    True
                  </label>
                </li>
                <li>
                  <label for="q1-a2">
                    <input type="radio" id="q1-a2" name="q1" 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>
                <li>
                  <label for="q2-a1">
                    <input type="radio" id="q2-a1" name="q2" value="true" />
                    True
                  </label>
                </li>
                <li>
                  <label for="q2-a2">
                    <input type="radio" id="q2-a2" name="q2" value="false" />
                    False
                  </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/114.0.0.0 Safari/537.36</code>

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

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

to group true/false give the first true input and first false input “name” attributes with the same value. it doesn’t matter what you will write as value. it simply should be same.
do the same with second true and second false inputs below

4

I named the first two “q1” and the second two “q2” . The radio buttons are working correctly but I keep being told to add a name attribute.

5

Why did you remove the class answers-list from the uls?

Only make changes required by the instructions. Changing anything the tests aren’t expecting will often cause them to fail.

6

Ohh, ok. Well, I’ve been trying a bunch of stuff. I’ve been stuck here for a minute. Probably tried to link the ul to the input thinking that would help and forgot to put it back. Do you know exactly what it should be? I’ll go digging through other ppl’s stuff for it. That has to be what it is. Thanks for catching it and for the heads up.

7

Those two uls should have the class answers-list.

8

Thanks so much. I appreciate your time.

9

hey anna

were you able to solve the problem? I’m still stuck here

10

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Ask for Help button located on the challenge (it looks like a question mark). This button only appears if you have tried to submit an answer at least three times.

The Ask for Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

1 Like
11