Step 16 learn accessibility by building a Quiz

HTML-CSS
1

really not anything however when using the section attribute and giving aria-labelledby which is student-info or Student Info. pointing out there is an error (bug)

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

so then the prompt comes up to change to Student Info still returns error.

2

I’m not sure I understand your post. The aria-labelledby attribute must be set to the id of an existing element on the page. So if the h2 has an id of “student-info” then the aria-labelledby attribute on the section must be set to “student-info”, which you have done correctly. But in your code above you have removed the text for the h2 elements, which is why it doesn’t pass.

3

holy cow!!! lol man hahaha ive been sitting at this computer too long …for the day lol thanks so much… so simple lol thanks for the extra set of eyes. :slightly_smiling_face:

4

done bro

it is working.
we need to inside h2 at text.

5

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