在我们的网站上,我们使用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>
如果有人建议如何在不改变替换方法的情况下提高可访问性,那将是一件好事,因为这将涉及整个系统的大量重新测试/修复。