通过编写小测验学习无障碍 - 步骤 30

告诉我们发生了什么:

你目前的代码

警告

挑战的种子代码和/或你的解决方案超过了我们从挑战传送的最大长度。

你需要在此采取额外步骤,以确保你写的代码可以轻松地被阅读。

请复制/粘贴所有在挑战中编辑器所显示的代码。


        <section role="region" aria-labelledby="html-questions">
          <h2 id="html-questions">HTML</h2>
          <div class="question-block">
            <p>1</p>
            <fieldset class="question" name="html-question-one">
              <legend>
                The legend element represents a caption for the content of its
                parent fieldset element
              </legend>
              <ul class="answers-list">
                <li>
                  <label for="answers-list">
                    <input id="answers-list" type="radio" />
                  </label>
                </li>
                <li>
                  <label>
                    <input id="answers-list" type="radio" />
                  </label for="answers-list">
                </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="question-block">
                    <input id="question-block" type="radio" />
                  </label>
                </li>
                <li>
                  <label for="question-block">
                    <input id="question-block" type="radio" />
                  </label>
                </li>
              </ul>

你的浏览器信息:

用户代理是: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.139 Safari/537.36

挑战: 通过编写小测验学习无障碍 - 步骤 30

挑战的链接:

这里,应该在 label 开始标签中添加 for,你写在结束标签里了

其他三个 label 标签,你都是在开始标签里添加的,是正确的:)