在我们的网站上，我们使用 JavaScript 来替换单选按钮和复选框，以便更轻松地设置样式或使用图像替换。它似乎大部分工作得很好，但是当盲人用户试图在表格中填写表格时，我们收到了投诉。
我们已经为表格使用了正确的标记，但问题似乎来自使用链接元素作为替换。我已将其更新为 aria 角色和状态，并尝试使用 JAWS 对其进行测试，但我不确定我得到的结果是否比原始结果更好。
我在这里模拟了一个简化版本http://jsfiddle.net/vfquA/2/
我更新的主要内容是添加 aria labelledby 属性。除此之外，我将角色添加到链接并更新了 aria-checked 状态，但是通过 JAWS 的测试，我不确定这是否是一种改进，或者是盲人不会想到的。
<a data-for="spring1" href="#nogo" aria-role="radio" aria-checked="false" class="skin" aria-labelledby="spring1_label"> </a>
如果有人对如何在不完全更改替换方法的情况下提高可访问性提出建议，那就太好了，因为这将涉及整个系统的大量重新测试/修复。