Learn Accessibility by Building a Quiz - Step 33

HTML-CSS
1

Tell us what’s happening:

The challenge is to group the radio buttons together that only one can be selected per question.I did so by ensuring each pair of buttons had a unique <name> to share between them.However,the code is still not being accepted.The program says that I need to give the fourth input a <name> even though I have.Please assist!

Your code so far

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

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

                  </label>
                </li>
              </ul>
            </fieldset>
          </div>
          <div class="question-block">
            <h3><span class="sr-only">Question</span>2</h3>
            <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 name="answerforquestion2" type="radio" id="q2-a1" value="True" />
                    True
                  </label>
                </li>
                <li>
                  <label for="q2-a2">
                    <input name="answerforquestion2" type="radio" 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/129.0.0.0 Safari/537.36 Edg/129.0.0.0

Challenge Information:

Learn Accessibility by Building a Quiz - Step 33

2

i edited your post so that we can read your comments in full because anytime you write something in angled brackets like <name> it will get hidden because it is being interpreted as code. So you have to put any code in backticks for it to be seen. (that’s the edit I did to what you wrote)

3

it looks like you moved the word False from its original location?

Try to not change any code except to add the names. (so try to click reset and then add the names again without moving any other code or making other changes to the code)

1 Like