Learn Accessibility by Building a Quiz - Step 15

HTML-CSS
#1

*Hello and thank you.
I have the feeling that I should be able to read some reference material which I am missing.
Searching for the specification of the selection element only gives me:
ARIA: section role - Accessibility | MDN “Note: The section role is an abstract role. It is included here for completeness of documentation. It should not be used by web authors.”
Please point me in the right direction.
Thank you.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="freeCodeCamp Accessibility Quiz practice project" />
    <title>Accessibility Quiz</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <header>
      <img id="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg">
      <h1>HTML/CSS Quiz</h1>
      <nav>
        <ul>
          <li><a>INFO</a></li>
          <li><a>HTML</a></li>
          <li><a>CSS</a></li>
        </ul>
      </nav>
    </header>
    <main>
      <form method="post" action="https://freecodecamp.org/practice-project/accessibility-quiz"> 
        <section role="region"></section>
        <section role="region"></section>
        <section region="bottom"></section>
      </form>
    </main>
  </body>
</html>


/* file: styles.css */
body {
  background: #f5f6f7;
  color: #1b1b32;
  font-family: Helvetica;
  margin: 0;
}

header {
  width: 100%;
  height: 50px;
  background-color: #1b1b32;
  display: flex;
}

#logo {
  width: max(100px, 18vw);
  background-color: #0a0a23;
  aspect-ratio: 35 / 4;
  padding: 0.4rem;
}

h1 {
  color: #f1be32;
  font-size: min(5vw, 1.2em);
}

nav {
  width: 50%;
  max-width: 300px;
  height: 50px;
}

nav > ul {
  display: flex;
  justify-content: space-evenly;
}

Your browser information:

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

Challenge: Learn Accessibility by Building a Quiz - Step 15

Link to the challenge:

#2

You seemed to follow the instructions for the first two section elements but then did something different for the third one. Is there a reason for that?

#3

Thank you for answering, @bbsmooth .

Yes, I wanted to ask this question about course material before completing the step.

#4

I guess I’m not sure what your question is? The instructions are asking you to add the role of region to the section elements. But you seem to be asking about a section role.

#5

Thank you, Bruce.
Please forget this instruction. Until reading this, I knew nothing about “role” of “region” in any HTML or CSS context.
I most courses there are lesson guides or books. I am asking if there are for these courses, and if so for a link to them.
My confusion may have confused you as well.
– Fred