Learn Accessibility by Building a Quiz - Step 33

Tell us what’s happening:

Hi, It’s telling me give my third input name attribute. But as I did it’s still not passing the code. Any guess what I might have done wrong?

Your code so far

<!-- file: index.html -->
<!-- User Editable Region -->

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

<!-- User Editable Region -->
/* file: styles.css */

Your browser information:

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

Challenge Information:

Learn Accessibility by Building a Quiz - Step 33

2 Likes

Hello,

I think you should have not included a <div> that nests this following block of code:

it’s locates below the <ul class="answers-list">

Let me know if it works!

2 Likes

Mind blowing bro! It worked. I removed all <div> elements from question 1 and 2 and it worked. Thank you, but I still didn’t get it. Would you please explain it to me?

2 Likes

I’m glad it worked! :blush:

So, I think you just accidentally put a div tag in there. When you’re creating a ul tag (unordered list), inside it would be li tags (list items). I think putting a div tag nesting inside an unorder list won’t fit so well or seems unnecessary.

I don’t know how to explain it further so… I hope you understand.

Keeo going! :hugs:

1 Like

Haha… Thanks broo! Yeah I will keep going and see you on the other side :+1::wink:

1 Like