Accessibility quiz true or false label issueBuild a Quiz Webpage - Step 32

HTML-CSS
1

hi, doing the accessibility quiz. and totally stumped. up to step 32 i think. have to check the step. now it keeps asking me for the true / false label for the third text label input. have rewritten the code section a bunch of times. researched on google, code looks very similar. but the vallidator keeps complaining. so what am i doing wrong? using visual studio code and have looked at or listened to the code block. and i cannot figure why the vallidator is not liking that. and cannot get to the sample project to check for the text, now started that, so having to guess the radio buttons text for true or false in the quiz section. will paste the error message, the link to the step and my code.
can any one help me out. tried to get this to work for the past 2 to 3 hours and totally frustrated.
marvin.
ps: pasting below.

type or paste code here

type or paste code here

You should give the third `label` the text `True` or `False` .

type or paste code here

type or paste code here


https://www.freecodecamp.org/learn/full-stack-developer/workshop-accessibility-quiz/step-32



type or paste code here

type or paste code here

<!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="stylesheet" href="styles.css">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="A detailed accessible quiz form.">
    <title>Accessibility Quiz</title>
  </head>
  <body>
    <header>
      <img src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg" id="logo" alt="freeCodeCamp" /> 
      <h1>HTML/CSS Quiz</h1>
      <nav>
        <ul>
          <li><a href="#student-info">INFO</a></li>
          <li><a href="#html-questions">HTML</a></li>
          <li><a href="#css-questions">CSS</a></li>
        </ul>
      </nav>
    </header>
    <main>
      <form action="https://freecodecamp.org/practice-project/accessibility-quiz" method="post">
             <section role="region" aria-labelledby="student-info">
          <h2 id="student-info">Student Information</h2>
          <div class="info"> 
            <label for="name">Name:</label>
            <input type="text" id="name" name="name">
          </div>
          <div class="info">
            <label for="email">Email:</label>
            <input type="email" id="email" name="email">
          </div>
          <div class="info"> 
            <label for="date">Date:</label>
            <input type="date" id="date" name="date">
          </div>
        </section>
        <section role="region" aria-labelledby="html-questions">
                    <h2 id="html-questions">HTML Questions</h2>
<fieldset class="question" name="html-question-1">
  <legend>HTML is used to structure content on the web.</legend>
  <ul class="answers-list">
    <li>
      <label for="q1-a1">
        <input type="radio" id="q1-a1" name="html-q1" value="true"> True
      </label>
    </li>
    <li>
      <label for="q1-a2">
        <input type="radio" id="q1-a2" name="html-q1" value="false"> False
      </label>
    </li>
    <li>
      <label for="q1-a3">
        <input type="radio" id="q1-a3" name="html-q1" value="unsure"> True or False
      </label>
    </li>
    <li>
      <label for="q1-a4">
        <input type="radio" id="q1-a4" name="html-q1" value="skip"> Skip Question
      </label>
    </li>
  </ul>
</fieldset>
                </section>
        <section role="region" aria-labelledby="css-questions">
          <h2 id="css-questions">CSS Questions</h2>
        </section>
      </form>
    </main>
  </body>
</html>
2

Hi, can you provide a link to the step?

3

hi, heres the link to the step 32.
pasting.
marvin.


https://www.freecodecamp.org/learn/full-stack-developer/workshop-accessibility-quiz/step-32
4

It looks like you are pasting the link as a script. Can you just copy it into your post and not surround it with any backticks or markers?

5

hi. can do that. sorry, getting confused and using a screen reader jaws. so just pasting it as a straight link.
sorry.
marvin.

6

hi and is step 32 of the accessibility quiz project.
marvin.

7

hello, thanks for providing a link.

The code you posted doesn’t match the code that is presented on-screen in the challenge.

It seems that your version for example has a different html structure.
Is that something you were doing on purpose (that is were you trying to modify the code in ways that the challenge did not ask for)?

8

hi, okay have written the code block several times and then reset the lesson several times. so can you test your validator code and tell me why it is not passing step 32. can you help me out and then let me know why it is doing this and what i need to get it to pass? nd what text is needed and which first label in the section for the quiz. trying this for the last day or two. did google and then look at other peoples code to get an idea, did play around, but still not working. so pasting the error message and my code below. can you help me to get it to pass, and what i am missing as a blind screen reader user. tried and need your help now. pasting the error and my code. marvin.
ps: pasting below.
You should give the third label the text True or False .`

type or paste code here
```<!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="stylesheet" href="styles.css" />
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="A detailed accessible quiz form." />
    <title>Accessibility Quiz</title>
  </head>
  <body>
    <header>
      <img src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg" id="logo" alt="freeCodeCamp" />
      <h1>HTML/CSS Quiz</h1>
      <nav>
        <ul>
          <li><a href="#student-info">INFO</a></li>
          <li><a href="#html-questions">HTML</a></li>
          <li><a href="#css-questions">CSS</a></li>
        </ul>
      </nav>
    </header>
    <main>
      <form action="https://freecodecamp.org/practice-project/accessibility-quiz" method="post">
        <section role="region" aria-labelledby="student-info">
          <h2 id="student-info">Student Information</h2>
          <div class="info">
            <label for="name">Name:</label>
            <input type="text" id="name" name="name" />
          </div>
          <div class="info">
            <label for="email">Email:</label>
            <input type="email" id="email" name="email" />
          </div>
          <div class="info">
            <label for="date">Date:</label>
            <input type="date" id="date" name="date" />
          </div>
        </section>
        <section role="region" aria-labelledby="html-questions">
          <h2 id="html-questions">HTML Questions</h2>
          <fieldset class="question">
            <legend>HTML is used to structure content on the web.</legend>
            <ul class="answers-list">
              <li><label for="q1-a1">
                  <input type="radio" id="q1-a1" name="html-q1" value="true"/>
                  True
                </label></li>
              <li><label for="q1-a2">
                  <input type="radio" id="q1-a2" name="html-q1" value="false"/>
                  False
                </label></li>
              <li><label for="q1-a3">
                  <input type="radio" id="q1-a3" name="html-q1" value="unsure"/>
                  True or False
                </label></li>
              <li><label for="q1-a4">
                  <input type="radio" id="q1-a4" name="html-q1" value="skip"/>
                  Skip Question
                </label></li>
            </ul>
          </fieldset>
        </section>
        <section role="region" aria-labelledby="css-questions">
          <h2 id="css-questions">CSS Questions</h2>
        </section>
      </form>
    </main>
  </body>
</html>
9

hi. trying to get the quiz project and not passing. can you help?
using a screen reader and totally blind.
marvin.
ps: pasting below.
You should give the third label the text True or False .

type or paste code here

type or paste code here


<!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="stylesheet" href="styles.css" />
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="A detailed accessible quiz form." />
    <title>Accessibility Quiz</title>
  </head>
  <body>
    <header>
      <img src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg" id="logo" alt="freeCodeCamp" />
      <h1>HTML/CSS Quiz</h1>
      <nav>
        <ul>
          <li><a href="#student-info">INFO</a></li>
          <li><a href="#html-questions">HTML</a></li>
          <li><a href="#css-questions">CSS</a></li>
        </ul>
      </nav>
    </header>
    <main>
      <form action="https://freecodecamp.org/practice-project/accessibility-quiz" method="post">
        <section role="region" aria-labelledby="student-info">
          <h2 id="student-info">Student Information</h2>
          <div class="info">
            <label for="name">Name:</label>
            <input type="text" id="name" name="name" />
          </div>
          <div class="info">
            <label for="email">Email:</label>
            <input type="email" id="email" name="email" />
          </div>
          <div class="info">
            <label for="date">Date:</label>
            <input type="date" id="date" name="date" />
          </div>
        </section>
        <section role="region" aria-labelledby="html-questions">
          <h2 id="html-questions">HTML Questions</h2>
          <fieldset class="question">
            <legend>HTML is used to structure content on the web.</legend>
            <ul class="answers-list">
              <li><label for="q1-a1">
                  <input type="radio" id="q1-a1" name="html-q1" value="true"/>
                  True
                </label></li>
              <li><label for="q1-a2">
                  <input type="radio" id="q1-a2" name="html-q1" value="false"/>
                  False
                </label></li>
              <li><label for="q1-a3">
                  <input type="radio" id="q1-a3" name="html-q1" value="unsure"/>
                  True or False
                </label></li>
              <li><label for="q1-a4">
                  <input type="radio" id="q1-a4" name="html-q1" value="skip"/>
                  Skip Question
                </label></li>
            </ul>
          </fieldset>
        </section>
        <section role="region" aria-labelledby="css-questions">
          <h2 id="css-questions">CSS Questions</h2>
        </section>
      </form>
    </main>
  </body>
</html>
10

hi, why was my last topic closed, was in the proecess of trying to figure it out and fix it. but now reaching out for help? so, if you need to close this topic. or maybe email me privately if you need to then do this. sorry. trying my best as a screen reader user. not passing.
need your help?
marvin.

11

Your last topic was not closed. I have merged your duplicate topic into the original one.

12

hi. thanks for merging the two topics. okay, so are you able to help me to get this to pass. have written the code block a few times. so what text do i need for the label. and also how to get this to pass? what text do i need to put.
thanks.
ps: totally blind and using jaws 2025 screen reader. dont have access to the sample project to hear what the labels are.

13

you have added q1-a3 and q1-a4, artistic liberties make code not pass. Why have you added those?

14

HI. TOOK THAT OUT. STILL GETTING AN ERROR. SO WILL PASTE THE ERROR AND MY UPDATED CODE. HOW TO GET THIS TO PASS. WHAT AM I MISSING? WHAT TEXT DO I NEED TO PUT IN?
MARVIN.
PS: PASTING BELOW.

You should give the third label element text content.

<!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="stylesheet" href="styles.css" />
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="A detailed accessible quiz form." />
    <title>Accessibility Quiz</title>
  </head>
  <body>
    <header>
      <img src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg" id="logo" alt="freeCodeCamp" />
      <h1>HTML/CSS Quiz</h1>
      <nav>
        <ul>
          <li><a href="#student-info">INFO</a></li>
          <li><a href="#html-questions">HTML</a></li>
          <li><a href="#css-questions">CSS</a></li>
        </ul>
      </nav>
    </header>
    <main>
      <form action="https://freecodecamp.org/practice-project/accessibility-quiz" method="post">
        <section role="region" aria-labelledby="student-info">
          <h2 id="student-info">Student Information</h2>
          <div class="info">
            <label for="name">Name:</label>
            <input type="text" id="name" name="name" />
          </div>
          <div class="info">
            <label for="email">Email:</label>
            <input type="email" id="email" name="email" />
          </div>
          <div class="info">
            <label for="date">Date:</label>
            <input type="date" id="date" name="date" />
          </div>
        </section>
        <section role="region" aria-labelledby="html-questions">
          <h2 id="html-questions">HTML Questions</h2>
          <fieldset class="question">
            <legend>HTML is used to structure content on the web.</legend>
            <ul class="answers-list">
              <li><label for="q1-a1">
                  <input type="radio" id="q1-a1" name="html-q1" value="true"/>
                  True
                </label></li>
              <li><label for="q1-a2">
                  <input type="radio" id="q1-a2" name="html-q1" value="false"/>
                  False
                </label></li>
            </ul>
          </fieldset>
        </section>
        <section role="region" aria-labelledby="css-questions">
          <h2 id="css-questions">CSS Questions</h2>
        </section>
      </form>
    </main>
  </body>
</html>
type or paste code here
15

the part for the second question is completely missing, you need to work on that part now

you may need to reset the step

16

hi, will work on that.
marvin.[quote=“ILM, post:15, topic:753539, full:true”]
the part for the second question is completely missing, you need to work on that part now

you may need to reset the step
[/quote]

17

hi, that did it. thanks. got it working.
marvin.