<legend>标记未被Windows叙述器读取

Question

Windows解说员不读取字段集中的图例标记。同时，NVDA和颌骨正确地读取图例。标记如下：

<fieldset>
    <legend>Description</legend>
    <label>
        <input id="option1"type="radio" value="1">
        Option 1
    </label>                     
    <label>
        <input id="option1" type="radio" value="2">
        Option 2
    </label>
</fieldset>

有什么办法能让叙述者读到传奇吗？

Answer 1

屏幕阅读器对<legend>的支持一直不稳定，很难(如果不是不可能)针对一项辅助技术(例如叙述器)，同时又不影响其他应用程序(如NVDA和JAWS)。

但是，您可以尝试通过在legend元素中插入可视化隐藏文本来更显式地传递label元素的上下文。这将补充非目视用户不可见的额外信息。技术包括将内容定位到屏幕外或使用CSS剪辑路径。

<fieldset>
    <legend>Billing Address:</legend>
    <div>
        <label for="billing_name">
            <span class="visuallyhidden">Billing </span>Name:
        </label><br>
        <input type="text" name="billing_name" id="billing_name">
    </div>
    <div>
        <label for="billing_street">Street:</label><br>
        <input type="text" name="billing_street" id="billing_street">
    </div>
    […]
</fieldset>

还请注意，不同的屏幕阅读器的行为有时不协调的方式。这并不是不可能让他们表现得一成不变，所以我们必须“平分分歧”，并试图为所有人做出合理的让步，即使不是在任何情况下都是完美的。

根据配置的不同，一些屏幕读取器要么使用每个表单元素读取图例，要么只读取一次，或者很少情况下根本不读取。为了适应这一情况，请考虑以下几点：

• 使图例尽可能短的情况下，它是一起阅读的标签，每次。
• 使每个标签充分自我解释的情况下，传奇是不大声朗读，而不重复在每个标签的传奇。

https://www.w3.org/WAI/tutorials/forms/grouping/