Learn Accessibility by Building a Quiz - Step 29

HTML-CSS
1

" You should give the third input a type of radio ." I thought I already did that didn’t I? Thank you in advance

                <li><label for="AHTML1"><input id="AHTML1" type="radio" name="AHTML"></input></label></li>
                <li><label for="AHTML2"><input id="AHTML2" type="radio" name="AHTML"><input></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="ACSS1"><input id="ACSS1" type="radio" name-"ACSS"></input></label> </li>
                <li><label for="ACSS2"><input id="ACSS2" type="radio" name="ACSS"</li>
              </ul>

Your browser information:

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

Challenge Information:

Learn Accessibility by Building a Quiz - Step 29

2

You have a few issues with your code:

  1. The formatting is messy, which makes it difficult to read/debug. You should aim to format your code properly, as I have done here.
  2. Your code is missing <ul class="answers-list">, which I added back in above.
  3. The input element is self-closing so each input should only have one tag.
  4. The name attribute for your third input has a hyphen instead of an equals sign.
  5. Your fourth input element is missing a closing angle bracket (>).
  6. Your fourth label element is missing its closing tag.

You should pass this challenge if you fix all of these little errors.

1 Like
3

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