辅助功能“表单元素没有关联的标签”

Question

我正在我的网站上进行可访问性审核测试，但由于与没有标签的输入字段有关，我一直遇到错误。我已使用映射函数中的值在其上方添加了标签。但是它还在发挥作用，有人知道为什么要这么做吗？

谢谢！

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

{optionsList &&
              optionsList.length > 0 &&
              optionsList.map((option, index) => (
                <div className="control">
                  <div className="radio">
             -----     //LABEL IS ADDED HERE!   -----
                  <label htmlFor={option}/>
                    <input
                      name={title}
                      type="radio"
                      value={option}
                      checked={option === selectedValue}
                      id={`${option}`}
                      onChange={this.onChange}
                    />
                    <label
                      className="radio--replace"
                      htmlFor={option}
                      role="presentation"
                    >
                      {option}
                    </label>
                  </div>
                </div>
              ))}