<sectionrole="region"aria-labelledby="html-questions"> <h2id="html-questions">HTML</h2> <divclass="question-block"> <p>1</p> <fieldsetclass="question"name="html-question-one"> <legend> The legend element represents a caption for the content of its parent fieldset element </legend> <ulclass="answers-list"> <li> <labelfor="q1-a1"> <inputtype="radio"id="q1-a1"name="q1"value="true" /> True </label> </li> <li> <labelfor="q1-a2"> <inputtype="radio"id="q1-a2"name="q1"value="false" /> False </label> </li> </ul> </fieldset> </div> <divclass="question-block"> <p>2</p> <fieldsetclass="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> <ulclass="answers-list"> <li> <labelfor="q2-a1"> <inputtype="radio"id="q2-a1"name="q2"value="true" /> True </label> </li> <li> <labelfor="q2-a2"> <inputtype="radio"id="q2-a2"name="q2"value="false" /> False </label> </li> </ul> </fieldset> </div> </section>
<sectionrole="region"aria-labelledby="css-questions"> <h2id="css-questions">CSS</h2> <divclass="formrow"> <divclass="question-block"> <labelfor="customer">Are you a frontend developer?</label> </div> <divclass="answer"> <selectname="customer"id="customer"required> <optionvalue="">Select an option</option> <optionvalue="yes">Yes</option> <optionvalue="no">No</option> </select> </div> <divclass="question-block"> <labelfor="css-questions">Do you have any questions:</label> </div> <divclass="answer"> <textareaid="css-questions"name="css-questions"rows="5"cols="24" placeholder="Who is flexbox..."></textarea> </div> </div> </section>
footer:
1 2 3 4 5 6 7 8
<footer> <address> <ahref="https://freecodecamp.org">freeCodeCamp</a><br /> San Francisco<br /> California<br /> USA </address> </footer>