[問題] 無障礙alt問題

看板Web_Design作者 (..)時間12年前 (2013/04/22 11:59), 編輯推噓0(0推 0噓 13→)
留言13則, 4人參與, 最新討論串1/1
阿姨最近要將以前別人做的網站..加一些無障礙的東西 但發現menu圖片切換的地方有做js動畫..圖片切換用背景圖定位 有人建議我重切...但我發現用一般onmouseover onmouseout只能做很普通的切換 有那種可以保留js動畫又可以做<img src="" alt=""> 因為第一次遇到...一般都是怎麼做呢 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 1.34.92.123
→
04/22 12:02, , 1F
我之前改無障礙，如果原案是table排版我就會重切
04/22 12:02, 1F
→
04/22 12:02, , 2F
你用onmouse事件也不符合無障礙
04/22 12:02, 2F
→
04/22 12:03, , 3F
建議先瞭解無障礙的意涵再來思考怎麼調整
04/22 12:03, 3F
→
04/22 20:41, , 4F
你現在的選單動畫不是用onmouseover事件嗎？
04/22 20:41, 4F
→
04/22 20:42, , 5F
無障礙可以用onmouseover事件，但是要搭配onfocus一起
04/22 20:42, 5F
→
04/22 20:42, , 6F
另外要確保沒有JS的時候，選單所有選項還是可以選到
04/22 20:42, 6F
→
04/23 03:20, , 7F
愛用css text-indent:-9999px 去寫圖片的內容描述
04/23 03:20, 7F
→
04/23 03:21, , 8F
可以是div背景夾的字
04/23 03:21, 8F
→
04/23 07:08, , 9F
沒人理問題嗎= =a
04/23 07:08, 9F
→
04/23 07:09, , 10F
如果一定要用<a><img></a> 可用張全透的圖加alt/title
04/23 07:09, 10F
→
04/23 07:09, , 11F
用a:hover{} 去切換a底圖的位置 就可以不用js了
04/23 07:09, 11F
→
04/23 07:10, , 12F
不過動畫只有用到背圖的切換 可用dlikeayu的方法讓字"看不到
04/23 07:10, 12F
→
04/23 07:11, , 13F
一樣也改用背景圖去切換即可
04/23 07:11, 13F
‣ 更多 liz0603 的文章
文章代碼(AID): #1HTBMLOj (Web_Design)