我有一个HTML表单,主要有两种类型的字段 - 文本和复选框组。每个表单字段都有一个隐藏,其中包含错误消息并通过“aria-describedby”连接到formfield。当有错误的表单被点击提交按钮时,常见错误消息显示在顶部,罪魁祸首字段在字段级别获得错误样式。 当用户选择要编辑的错误表单时,对于每个字段,还会通过CSS更改显示字段级错误消息。如果JAWS正在运行,它将作为用户选项卡读入字段。
但是复选框组没有发生这种情况。我有复选框包装 - tabbable,用户可以Kb焦点到它并显示错误div但未公布。
我们在每个表单字段上都没有aria-live和alert,但是在顶部的常见错误消息div上。这是故意的,因为我们希望JAWS首先公布这些错误,因为用户命中保存。
对此问题的任何建议?我试图在外部div或另一个包装div上使用tabindex和aria-describedby / aria-invalid但是无法修复下颌问题。
<div style="display: none; left: -9999px; z-index: 1000; top: 335.717px;" class="errorClass" id="showerror">Error: Please select a checkbox </div
<div>
<fieldset aria-describedby="showError" aria-invalid="true" id="myFieldSet" tabindex="0" >
<legend>some legend text</legend>
<div class="checkboxClass">
<input type="checkbox" id="1" value="1" name="chkgp">
<input type="checkbox" id="2" value="2" name="chkgp">
</div>
</fieldset>
</div></div>