Confusing instruction in accessibility quiz step — says "nest" sections but expects siblings #61224
Description
Describe the Issue
Step 14
In the “Accessibility Quiz” project, one step says:
“Within the main element, create a form with three nested section elements. Then, make the form submit to"
This strongly implies that the three
This caused a lot of confusion and wasted time because the wording doesn't match the actual requirement.
Suggested fix:
Change the instruction to say:
“Within the main element, create a form containing three section elements.”
or
“Place three section elements inside your form element.”
This would prevent misunderstanding and better match the test logic.
Affected Page
Your code
<pre>
<main>
<form action="https://freecodecamp.org/practice-project/accessibility-quiz" method="post">
<section>
<!-- First section -->
</section>
<section>
<!-- Second section -->
</section>
<section>
<!-- Third section -->
</section>
</form>
</main>
</pre>
Expected behavior
I expected that nesting three
Since the step says to “nest three section elements within your form element,” I assumed that meant:
Screenshots
No response
System
Browser: Chrome 137.0.0.0 (Edge Chromium-based)
OS: Windows 10 (64-bit)
Device: Desktop
Screen Resolution: 1366×768
FCC Version: July 2025 curriculum (HTML/CSS Accessibility Quiz Project)
Challenge URL:
https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-survey-form-project/accessibility-quiz
Additional context
No response