作者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