Learn Accessibility by Building a Quiz - Step 30

HTML-CSS
1

Step 30
Although not required for label elements with a nested input, it is still best-practice to >explicitly link a label with its corresponding input element.

Link the label elements with their corresponding input elements.

Sorry, your code does not pass. Try again.

Hint

You should give the first label a for attribute matching the id of its input element.

I see classes but I don’t see anywhere where we specified ID’s so I am lost.

        <ul class="answers-list">
                <li>
                  <label for="radio">
                    <input type="radio" />
                  </label>
                </li>
                <li>
                  <label for="radio">
                    <input type="radio" />
                  </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="radio">
                    <input type="radio" />
                  </label>
                </li>
                <li>
                  <label for="radio">
                    <input type="radio" />
                  </label>
                </li>
              </ul>

Challenge: Learn Accessibility by Building a Quiz - Step 30

Link to the challenge:

2

Okay I got it. Solved by asking my own question again lol

3

What was the answer/solution you found?

4

The hint highlighted the word “id” yet there are none there. Only classes. So you have to declare your own id’s.

5

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