Learn Accessibility by Building a Quiz - Step 32

HTML-CSS
1 

**Your code so far**

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

```text
Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36

Challenge: Learn Accessibility by Building a Quiz - Step 32

Link to the challenge:

2

hi , we can’t see your code and we can’t see your question. Please edit your post to fill out the template.

3 


 <label for="q1-a1">
                    <input type="radio" id="q1-a1" value="true" name="radio" />
                    True
                  </label>
                </li>
                <li>
                  <label for="q1-a2">
                    <input type="radio" id="q1-a2" value="false" name="radio" />
                    False
                  </label>
                </li>
              </ul>
            </fieldset>
          </div>
          <div class="question-block">
            <p>2</p>
            <fieldset class="question" name="html-question-two">
              <legend>
                A label element nesting an input element is required to have a
                for attribute with the same value as the input's id
              </legend>
              <ul class="answers-list">
                <li>
                  <label for="q2-a1">
                    <input type="radio" id="q2-a1" value="true" name="radio" />
                    True
                  </label>
                </li>
                <li>
                  <label for="q2-a2">
                    <input type="radio" id="q2-a2" value="false" name="radio" />
                    False
                  </label>
                </li>
              </ul>
4

please do not keep creating duplicate topics. Just reply back to this topic when you want to add more information (or you can even edit your post to add missing information)

5

I'm not meaning to.. I'm trying to post the problem to this step.

1 Like
6

can you edit your post to add your question? You haven’t asked anything yet.

7

if you have any update, please post it here. (do not create duplicate topics)

8 
                    True
                  </label>
                </li>
                <li>
                  <label for="q1-a2">
                    <input type="radio" id="q1-a2" value="false" name="radio" />

<label for="q2-a1">
                    <input type="radio" id="q2-a1" value="true" name="radio" />
                    True
                  </label>
                </li>
                <li>
                  <label for="q2-a2">
                    <input type="radio" id="q2-a2" value="false" name="radio" />
                    False
                  </label>
9

Could you tell me why I can just open 'Ask Help' then post my code without a persistant error message saying my code exceeds max length... This never used to happen

10

You haven’t asked anything so I will just assume you didn’t understand this instruction

Group the relevant inputs together such that only one input from a pair can be selected at a time.

When you want to group inputs, you give them the same name value.

So for this exercise, the buttons that go together, should have the same name value. (Look at your preview pane. Which buttons should be grouped? The ones that are for the same question.)

11

If your code is too long you simply have to manually copy it into the post template area. I guess this is a limitation of the fCC program)

12

I have an error message. with a hint saying I should give DIFFERENT name attributes to the 1st and third attribute.


</legend>
              <ul class="answers-list">
                <li>
                  <label for="q1-a1">
                    <input type="radio" id="q1-a1" value="true" name="true" />
                    True
                  </label>
                </li>
                <li>
                  <label for="q1-a2">
                    <input type="radio" id="q1-a2" value="false" name="true" />
                    False
                  </label>
                </li>
              </ul>
            </fieldset>
          </div>
          <div class="question-block">
            <p>2</p>
            <fieldset class="question" name="html-question-two">
              <legend>
                A label element nesting an input element is required to have a
                for attribute with the same value as the input's id
              </legend>
              <ul class="answers-list">
                <li>
                  <label for="q2-a1">
                    <input type="radio" id="q2-a1" value="true" name="true" />
                    True
                  </label>
                </li>
                <li>
                  <label for="q2-a2">
                    <input type="radio" id="q2-a2" value="false" name="true" />
13

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356Ă—380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

14

Look at your preview pane.

The radio buttons that belong to the same question should get the same name value.

15

I cant post my code.. Keeps coming up with error message.. Solution exceeds max length.

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36

Challenge: Learn Accessibility by Building a Quiz - Step 32

Link to the challenge:

16 
I dont understand why it's becoming so confusing just to post the code the code one needs help with. Is this part of the challenge??  Why can't I post my code without a persitant error message?   ```
18

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