作者liz0603 (..)
看板Web_Design
标题[问题] 无障碍alt问题
时间Mon Apr 22 11:59:11 2013
阿姨最近要将以前别人做的网站..加一些无障碍的东西
但发现menu图片切换的地方有做js动画..图片切换用背景图定位
有人建议我重切...但我发现用一般onmouseover onmouseout只能做很普通的切换
有那种可以保留js动画又可以做<img src="" alt="">
因为第一次遇到...一般都是怎麽做呢
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 1.34.92.123
1F：→ Canboo:我之前改无障碍，如果原案是table排版我就会重切 04/22 12:02
2F：→ Canboo:你用onmouse事件也不符合无障碍 04/22 12:02
3F：→ Canboo:建议先了解无障碍的意涵再来思考怎麽调整 04/22 12:03
4F：→ iceblue7x:你现在的选单动画不是用onmouseover事件吗？ 04/22 20:41
5F：→ iceblue7x:无障碍可以用onmouseover事件，但是要搭配onfocus一起 04/22 20:42
6F：→ iceblue7x:另外要确保没有JS的时候，选单所有选项还是可以选到 04/22 20:42
7F：→ dlikeayu:爱用css text-indent:-9999px 去写图片的内容描述 04/23 03:20
8F：→ dlikeayu:可以是div背景夹的字 04/23 03:21
9F：→ Rplus:没人理问题吗= =a 04/23 07:08
10F：→ Rplus:如果一定要用<a><img></a> 可用张全透的图加alt/title 04/23 07:09
11F：→ Rplus:用a:hover{} 去切换a底图的位置 就可以不用js了 04/23 07:09
12F：→ Rplus:不过动画只有用到背图的切换 可用dlikeayu的方法让字"看不到 04/23 07:10
13F：→ Rplus:一样也改用背景图去切换即可 04/23 07:11