Step 29 : HTML-CSS/Learn Accessibility/Quiz

HTML-CSS
1

Tell us what’s happening:
Hi. Reaching out for guidance.

I attempted an inordinate number of combinations for this challenge but still seem to be going in a negative loop.
As I understand, a label should be applied within each li. This, I can do.
Next, nest an with appropriate type. This is where I seem to be going mental.
If/when I discover the correct input & type, do I also need to insert id and name?
I’ve looked at the “hints” but they provide little insight that makes sense to me.
Thank you in advance to anyone who can provide a step by step. I’m feeling like an average ape about now.

   **Your code so far**

 <ul class="answers-list">
                <li><label input="text" id="answers-list"></label>True</li>
                <li><label input="text" id="answers-list"></label>False</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 input="text" id="question"></label>True</li>
                <li><label input="text" id="question"></label>False</li>
              </ul>
...




       **Your browser information:**

User Agent is: <code>Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.5005.61 Safari/537.36</code>

**Challenge:**  Step 29

**Link to the challenge:**
https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-accessibility-by-building-a-quiz/step-29
2

<input type="text" /> should be between opening and closing label tags

3

Hello @ghulamshabirbaloch! Thank you for reply.
I tried the code snippet but still received a failed result.

<ul class="answers-list">
                <li><label input="text" id="question"></label>True</li>
                <li><label input="text" id="question"></label>False</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 input="text" id="question"></label>True</li>
                <li><label input="text" id="question"></label>False</li>
              </ul>
4

the html format should be like this <li><label><input type="text" id="question" /> True</label></li>

5

Hi @ghulamshabirbaloch. Thank you for the steps! All I had to was add the radio. Thanks again. Huge help.

<li><label><input type="radio" id="question" /> True</label></li>
               <li><label><input type="radio" id="question" /> False</label></li>
6

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