Learn Accessibility by Building a Quiz - Step 30

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:

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

What was the answer/solution you found?

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