Can't figure where label text should go (step 31: learn acessabilty by building a quiz)

HTML-CSS
1

So I need 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 thought I’d done this but I get this hint

‘You should give the first label the text True or False.’

I am a bit confused because I’ve added the text and I’m not sure where else I am supposed to put it if not where I have. Anyone got any tips?

         <ul class="answers-list">
                <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" value="false" />
                   false
                  </label>
                </li>
              </ul>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:101.0) Gecko/20100101 Firefox/101.0

Challenge: Step 31

Link to the challenge:

2

When I try to move the text for the label to before the input like this:

 <li>
                  <label for="q2-a2">false
                    <input type="radio" id="q2-a2" value="false" />
                
                  </label>
                </li>

I get this message

Hint

You should place the first label text content after the input element.

Which is leaving me really bamboozled where on earth this label text is supposed to go.

3

I wasn’t matching the capitalization the lesson wanted. :sweat_smile:

Marking this one resolved.

1 Like
4

seriously been on this for hours, mehn! at last i got the gist :sweat_smile:

1 Like
5

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