Tell us what’s happening:
Hello everyone I’m stuck in this step. Camp says i should "give different name attributes to the first input and the third input.” Code is below
<ul class="answers-list">
<li>
<label for="q1-a1">
<input type="radio" id="q1-a1" value="true" name="true-false"/>
True
</label>
</li>
<li>
<label for="q1-a2">
<input type="radio" id="q1-a2" value="false" name="true-false" />
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-false" />
True
</label>
</li>
<li>
<label for="q2-a2">
<input type="radio" id="q2-a2" value="false" name="true-false" />
False
</label>
</li>
</ul>
</fieldset>
</div>
</section>
<section role="region" aria-labelledby="css-questions">
<h2 id="css-questions">CSS</h2>
</section>
</form>
</main>
</body>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.5.2 Safari/605.1.15
Challenge: Learn Accessibility by Building a Quiz - Step 33
Link to the challenge:
