0

我有一个单选按钮和一个在它上面。当叙述者焦点在单选按钮上时，它只会读取单选按钮的值。但我希望它也能读取文本值。

[代码和 UI 快照] https://i.imgur.com/44PIexf.png

这是代码

<html>

<body>
<legend class="leg">Read this also</legend>
<label class="c-label">
    <input type="radio" name="1" value="2" aria-label="yes" />
    <span class="yes">yes</span>
</label>
</body>

</html>

当叙述者焦点位于单选按钮上时，预计将阅读标签的文本以及单选按钮，即“也阅读此单选按钮未选中单选按钮 1 of 1”

实际输出是，叙述者只是读取单选按钮的值，即“是单选按钮未选中单选按钮 1 of 1”

4

1 回答 1

0

该legend元素不应单独使用，而只能用作该元素的第一个子fieldset元素。

该fieldset元素可用于对多个相关的表单元素进行分组；该legend元素为fieldset. 元素的长度legend应保持较短，因为屏幕阅读器通常会为fieldset.

如果表单的目的是让用户确认他/她已经阅读了某些内容（例如条款和条件），那么更好的方法是省略fieldsetandlegend元素，只使用一个复选框（而不是单选按钮）一个适当的label元素而不是一个span元素：

 <form>
   <!-- possibly other form fields -->
   <input type="checkbox" name="readconditions" id="rdcond" value="readconditions" /> 
   <label for="rdcond">I have read the terms and conditions</label>
   <!-- possibly other form fields, including a submit button -->
 </form>
于 2019-09-13T09:39:50.943 回答