Step 32 Accessability

HTML-CSS
1

What am I doing wrong here?
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.

Hint

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

2023-03-25
2023-03-251920×1080 233 KB

2

You really need to paste your HTML in here instead of giving us a pic of your code. Your pic has some of the HTML cut-off so we can’t see everything. Please paste your HTML in here instead.

To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key. You may also be able to use Ctrl+e to automatically give you the triple back ticks while you are typing in the this editor and the cursor is on a line by itself. Alternatively, with the cursor on a line by itself, you can use the </> button above the editor to add the triple back ticks.

3

Oops! I’ll fix that!

4 
                <li>
                    <input type="radio" id="q1-a1" value="True"></input>
                    <label for="q1-a1">True</label>
                </li>
                <li>
                    <input type="radio" id="q1-a2" value="False"/></input>
                    <label for="q1-a2">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>
                    <input type="radio" id="q2-a1" value="True"/>                   
                    <label for="q2-a1">True</label>

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

                     </label>
                </li>
              </ul> ```
5

The hint is: Hint

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

6

You don’t want to move any of the tags. You moved the opening <label> tags. You only want to add the label text after the inputs and then give the inputs a corresponding value attribute.

7

Ugh…I still don’t get it.

8

Ok! I got it…thank you!

9

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