Learn Accessibility by Building a Quiz - Step 32

HTML-CSS
1

This is what I have so far. The question is asking to " Give the label elements text such that the input comes before the text. Then, give the input elements a value matching the text.

The text should either be True or False" I have the unput before the text, and I believe my input values match the plain text but it is still telling me that they are wrong. Thanks!

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

Your browser information:

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

Challenge: Learn Accessibility by Building a Quiz - Step 32

Link to the challenge:

2

For each group of two ‘input’ elements add the ‘name’ attribute and set the same value e.g. “1” for the first two ‘name’ attributes (first two input elements), and “2” for the next two (second two input elements).