Learn Accessibility by Building a Quiz - Step 16

I can’t figure out what’s wrong with my code! Please help!

Sorry, your code does not pass. Keep trying.
You should give the third section element an aria-labelledby attribute of css-questions."


Step 16

Every region role requires a visible label, which should be referenced by the aria-labelledby attribute.

To the section elements, give the following aria-labelledby attributes:

  • student-info
  • html-questions
  • css-questions

Then, within each section element, nest one h2 element with an id matching the corresponding aria-labelledby attribute. Give each h2 suitable text content.

      <form method="post" action="https://freecodecamp.org/practice-project/accessibility-quiz">
        <section role="region" aria-labelledby="student-info">
            <h2 id="student-info">Student Info</h2>
        </section>
        <section role="region" aria-labelledby="html-questions">
          <h2 id="html-questions>HTML Questions</h2>
        </section>
        <section role="region" aria-labelledby="css-questions">
          <h2 id="css-questions">CSS Questions</h2>
        </section>
      </form>

Hi @ann-ras , welcome to Forum community. if you want to ask for help , you can click the “Ask for Help” button then click the " Create a help post on the forum " button, then click the “+ Create Topic” button. Then it will help you to create a topic automatically. Other people will see more clear. :slightly_smiling_face: