Learn Accessibility by Building a Quiz - Step 39

HTML-CSS
1

Hi,
I’m having issues with step 39 of the responsive web design course. No matter what I try I get the below error. I have tried using different browsers, clearing cache and different machines.
Is anybody having this issue? I can go forward, because of this.

Test

Sorry, your code does not pass. Try again.

Hint

You should give the label element a for attribute.

            <label for="txtarea1"></label>
              <textarea id="txtarea1" name="txtarea1" rows="5" cols="24" placeholder="Who is flexbox..."></textarea>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:99.0) Gecko/20100101 Firefox/99.0

Challenge: Learn Accessibility by Building a Quiz - Step 39

Link to the challenge:

2

You have one more task in this step. Read again carefully (…and give it a ‘name’ attribute).

3

I believe the name property goes in the textarea element to link it with its corresponding label using the for property, which is what I’ve done.

4

That is correct. But from your code, I don’t see your closing ‘div’ tag after ‘label’ and then a new ‘div’ element where is positioned ‘textarea’. Where is: “Do you have any questions:” between label tags?

5

Thanks for replying,
I have tried putting the label element in its own div, among other variations. Nothing I did would allow me to get passed the test. I think there might be something with the test on this question.
I have figured out a work around to get passed this question, but I think someone needs to look at this question and make sure is not only me having this issue.

6

as far as I know there are no issues with this step.
Can you post your code that had the issue (i’m not sure if it is the first one above still?)

7

Can someone help? below should be the correct answer, but still not able to get the test to pass.
My progress looks like the chart below, I’m currently on step 65 and only question 39 that has given me this problem.

 <label for="css-questions">Do you have any questions:</label>
            </div>
            <div class="answer">
              <textarea id="css-questions" name="css-questions" rows="5" cols="24" placeholder="Who is flexbox..."></textarea>
            </div>

image
image759×874 42.5 KB

8

Your solution as quoted above works from my end. Please try one of the following steps to move forward.

Click on the “Restart Step” button and force a refresh of your page with CTRL-F5 then try to paste the code in again.

or - Try the step in incognito or private mode.

or - Disable any/all extensions that interface with the freeCodeCamp website (such as Dark Mode, Ad Blockers, or Spellcheckers), and set your browser zoom level to 100%. Both of these factors can cause tests to fail erroneously.

or - Ensure your browser is up-to-date or try a different browser.

I hope one of these will work for you.

10

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