Learn Accessibility by Building a Quiz - Step 16

HTML-CSS
1

Add the following aria-labelledby attributes to the section elements:

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

You should nest one h2 element within the first section element.
I am not sure why it is saying that because I made h2 elements.

  <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>
2

Hello! You have made your h2 elements but it seems as you have forgotten the closing bracket of your section opening tag. You just need to add the > at the end of each section opening tag, and your code should pass.

1 Like
3

It did not pass because it says You should give the first section element an aria-labelledby attribute of student-info but thank you for your help.

4

Can you please post your updated code here

5

Oh I figured it I just forgot closing tag but thank you so much!

1 Like
6

You are welcome. Happy coding!

7

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