Learn Accessibility by Building a Quiz - Step 33

HTML-CSS
1

here’s my code i’m stuck with grouping the input buttons , please help

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

welcome to our community! :balloon: :tada:
please give a link to the challenge.

3

i’m sorry , i’m new to that , how can i actually do it ?

4

it’s okey just go to the challenge that you have posted here and at the top of your browser copy the url similar to this(https://forum.freecodecamp.org/t/learn-accessibility-by-building-a-quiz-step-33/579176/2) which is the url of this page and paste it here by replying

5

Welcome to our community!

For example, in the first ‘ul’ element with the ‘class’ attribute being set to “answers-list” assign the same ‘name’ values for two ‘input’ elements (at the moment you have “false” and “true”), and then try to click on the corresponding ‘radio’ input in the preview pane on the right to see the effect. Only one can be selected.
Do it for both ‘ul’ elements.

6

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.