0

Windows 讲述人不会读取字段集中的图例标记。同时 NVDA 和 JAWS 正确读取图例。标记如下：

<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>

有没有办法让讲述人阅读传说？

4

1 回答 1

0

对屏幕阅读器的支持<legend>一直参差不齐，要针对一项辅助技术（例如讲述人）而不影响其他应用程序（例如 NVDA 和 JAWS），即使不是不可能，也是非常困难的。

但是，您可以尝试通过在legend元素内插入视觉上隐藏的文本来更明确地传达元素的上下文label。这将为不可见的盲人用户补充额外的信息。技术包括将内容定位在屏幕外或使用 CSS clip-path。

<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/

于 2020-06-04T14:39:37.890 回答