Question

我正在使用jQuery Validation Plugin并返回带有错误消息的标签，但是在多个无线电或复选框上，如何将错误消息返回给屏幕阅读器，并在用户关注选项时让它读取消息？

<fieldset class="label">
    <legend>Revistas<em>*</em></legend>
    <div class="fields">
        <input type="checkbox" id="field_revista_veja" class="checkbox required" name="revista" title="Veja" />
        <label for="field_revista_veja">Veja</label><br/>
        <input type="checkbox" id="field_revista_epoca" class="checkbox" name="revista" title="Época" />
        <label for="field_revista_epoca">Época</label><br/>
        <input type="checkbox" id="field_revista_galileu" class="checkbox" name="revista" title="Galileu" />
        <label for="field_revista_galileu">Galileu</label>
    </div>
    <label id="?" generated="true" class="error">Error: Choose one of the options at least</label>
</fieldset>

屏幕阅读器会读取每个复选框，但无法看到错误消息。

Answer 1

首先，你真的测试了你的东西吗？如果是这样，使用什么浏览器和屏幕阅读器？版本

尝试在标签上加上aria-live =“assertive”。您可能必须找到一种方法将焦点放在标签上，也可以在其中添加一个链接。

它还取决于您正在测试的屏幕阅读器。使用Firefox的NVDA将比使用旧版JAWS的IE更好地处理ARIA。

如何让屏幕阅读器在具有多个选项的字段上读取错误？

1 个答案: