My firs survey page feedback

Hi everyone, this is my first survey page please give me your feedback.
https://codepen.io/zyadmagdy/full/yLVYXao

Hi @zezo.magdy27 !

Welcome to the forum!

Remember to keep the test suite in the project.

<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

You are currently passing 5/17 tests.
Open up the test suite and read the full error message to find and fix those errors.

For codepen, you don’t need html, and head tags.

Also you don’t need this stylesheet link
<link rel="stylesheet" href="suvery style.css">

Hope that helps!

Thank you for your feedback,
I don’t understand “You are currently passing 5/17 tests.”

Its a bit confusing to explain, but you need to add this tag to your html file first:

<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

After adding the tag, a ‘button’ will appear at the top left corner of your project. You can click on it to select the appropriate test. For this project its ‘Survey form’. Run the test and you’ll be able to how many have passed.

1 Like

It looks like you successfully added the test suite to the page.

Now you just have to click on the tests 5/17 button and read the full error messages.

Also make sure that the tests are passing for the tribute page.

I would suggest working on making the test pass for both of those projects before moving onto the product page.

Just a few things real quick:

  • The <select>s and <textarea> need a <label>.
  • Consider using a fieldset/legend combo for the radio button/check box groupings to improve accessibility.
  • On my browser (Firefox on Linux) I cannot see any of the keyboard focus indicators as I Tab through the page. Use the CSS outline property to make them stand out more.
  • At narrow screen widths the form is very skinny because the side margin/padding is taking up way to much space, leaving very little for the actual text. You should remove most of the side padding/margin so that the content can spread out a little and take advantage of all the horizontal space it can get at narrow widths.
1 Like

thank you, I’ll work on it.