Learn Accessibility by Building a Quiz - Step 14

HTML-CSS
1

Tell us what’s happening:

I have checked all the spelling in my url, but it keeps saying that I need to put in the correct action attribute. I have tried placing it in all different places

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" alt="freeCodeCamp" 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>

<!-- User Editable Region -->

    <main>
    <form action="https://freecodecamp.org/practice-project/accessability-quiz" method="post">
      <section></section>
      <section></section>
      <section></section>
    </form> 
    </main>

<!-- User Editable Region -->

  </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(10rem, 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 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

Challenge Information:

Learn Accessibility by Building a Quiz - Step 14

2

you have a typo in the word accessability as it should have been spelled accessibility

In future, please just copy and paste the URL rather than typing it out to avoid this type of error.

1 Like
3

thanks, that did work, I had previously copied and pasted it multiple times to no effect, so I’m not sure what was happening there. I must have been tired, should probably have been in bed

1 Like