我正在为使用访问技术回答调查的残疾学生创建一个无障碍网站。因此,它需要大量的视觉反馈。
我使用javascript来改变imagelink的css样式(用于选择单选按钮。)当图像链接具有焦点时,它会改变样式 - 但是一旦单击图像(因此单击单选按钮)我就会喜欢它会更改为第3种样式并保持不变,直到单击另一个按钮。目前,mouseout和onblur事件保持活跃状态并恢复为不专心的风格。
所有代码都在这个小提琴上:http://jsfiddle.net/KK4xe/2/
我已经尝试过:如果选择收音机时的语句,并重写div内容,请点击
非常感谢,迈克
(注意:单选按钮将被CSS隐藏一次,以便它不会干扰屏幕阅读器等。)
答案 0 :(得分:1)
试试这个;
function changeClass1(){
--> if(!document.getElementById("YES").checked){
document.getElementById("1").setAttribute("class", "optionfocus");
}
}
function changeClassBack1(){
--> if(!document.getElementById("YES").checked){
document.getElementById("1").setAttribute("class", "option");
}
}
注意:*我还为复选框添加了隐藏属性(以确保它在隐藏时有效)