Learn Accessibility by Building a Quiz - Step 40

HTML-CSS
1

Tell us what’s happening:

I am being told to give the label element a for attribute that links the id of the textarea element and as far as I have tried to do so.

Your code so far

<!-- file: index.html -->
<!-- User Editable Region -->

            <div class="question-block">
              <label>Do you have any questions:</label>
              <input></input>
            </div>
            <div class="answer">
              <label for="textarea">
              <textarea rows="5" cols="24" id="textarea" name="textarea"></textarea>
                <input></input>
              </label>
            </div>

<!-- User Editable Region -->

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36

Challenge Information:

Learn Accessibility by Building a Quiz - Step 40

2

Firstly, you don’t need to add those input elements. You don’t need to add any new elements at all in this step. All you need to do is modify the existing ones:

  • Give the <textarea> an id attribute with a suitable id.
  • Give the label element a for attribute with a matching value, as you did on the input elements previously.
  • Reset your code and follow the instructions above.

Let me know if it’s still not passing for you.

1 Like
3
  • give this “for” value,
  • remove everything else except “textarea” element

i would say simply “restart” and keep those aforementioned points in mind while you try this again

happy coding :slight_smile:

2 Likes
4

Thank you very much for the explanation. It was very straight-forward and simply explained.

1 Like
5

Glad it helped. Is the issue resolved? If so, you can mark @bappyasif’s or my post as the solution.

Thanks for keeping the forum thriving and in good order!

6

the issue is long resolved thanks

1 Like