台灣最大程式設計社群網站
線上人數
3378
 
會員總數:246323
討論主題:189853
歡迎您免費加入會員
討論區列表 >> CSS/HTML5/Bootstarp >> menu選單如何能用tab鍵依序點選做到無障礙
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
menu選單如何能用tab鍵依序點選做到無障礙
價值 : 50 QP  點閱數:4617 回應數:15
樓主

梅子
初學者
275 128
1612 256
發送站內信

我做了一個三層的menu選單,
要通過無障礙,他們要求須能只用鍵盤控制,
所以要能用tab鍵移動使能點選到選單的所有功能,
flash有提供輔助功能的設計,
我試過若只有一層的選單,是可以用tab鍵依序移動黃色的油標框框,
但加入第二層第三層的選單後,
要不就是黃色框框不會跳到第二三層,
要不就是跳到第二層之後黃色框框就不見了,
麻煩大家幫幫我想解決的方法,
最好有詳細的教學說明跟範例檔案,我試了好久還是弄不成功,
選單是下面的樣子,有三層的選單http://www.ylfire.gov.tw/index.php

搜尋相關Tags的文章: [ 無障礙 ] , [ tab鍵 ] , [ 選單 ] , [ 輔助功能 ] ,
本篇文章發表於2007-07-26 08:48
1樓
回應

Super-Tomato
檢舉此回應
把你原本的onRollOver換成onKeyDown監聽你要的ASCII值就可以了
本篇文章回覆於2007-07-26 10:00
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
作者回應

梅子
檢舉此回應
目前是跳到第一層是可以顯示第二層選單的...
但是黃色框框卻不會繼續跳到第二層選單依序跳完第二層選單的功能...
也就是只用 tab 鍵,第二層的選單是怎麼跳到到跳不到...
我不知是不是我的架構怪怪的才會造成這種情況...
我是用另外用一個個獨立的影片片段去放子選單的...
所以是不是可以提供一下範例,正確應該如何建立父層跟子層間的黃色框框才能依序跳躍呢?
本篇文章回覆於2007-07-26 13:45
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
回應

Super-Tomato
檢舉此回應
用個array來記錄該順著跳的選單, 這樣就可以判斷該下一個到哪
本篇文章回覆於2007-07-26 17:01
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
作者回應

梅子
檢舉此回應
array... =_=
這要怎麼用丫...
像html中的tabindex,就能自動依序跳...
flash中提供的輔助功能,應該也是設定好就可以自動依序跳...
要再加array,要加在那裡丫...
搞不懂要怎麼弄耶...
本篇文章回覆於2007-07-27 08:33
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
5樓
回應

白果喵
捐贈 VP 給 白果喵 檢舉此回應
as2.0就已經有支援tabindex...

文字方塊:
http://livedocs.adobe.com/flash/9.0_tw/main/00002242.html#wp758362

按鈕:
http://livedocs.adobe.com/flash/9.0_tw/main/00001465.html#wp221018
本篇文章回覆於2007-07-27 10:22
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
6樓
作者回應

梅子
檢舉此回應
用程式碼加了tabindex..但還是差不多怪怪的...
我舉例menu如下結構
(1)
(1_1)
(1_2)
(2)
(3)
(3_1)
(3_2)
(4)
設好之後tab鍵的跳法卻是
(1)-> (1_1) -> (1_2) ->跳離flash menu 區塊->(1)->(2)->(3)->(3_1)->(3_2)->跳離flash menu 區塊->(1)...
跳進子menu後無法再回到上層選單繼續跳,整個跳離menu了..
而且有子選單的項目也不見得會每次都能跳進子選單...
完成抓不到它是怎麼跳的...


請問有什麼解決方法嗎...

本篇文章回覆於2007-07-30 09:51
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
7樓
回應

Super-Tomato
檢舉此回應
沒檔案不明白你的解釋 :(
本篇文章回覆於2007-07-30 15:46
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
8樓
作者回應

梅子
檢舉此回應
請問要怎麼post 檔案上來...
這不能用附檔吧...
或是email到那裡呢...
本篇文章回覆於2007-07-30 16:20
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
9樓
回應

白果喵
捐贈 VP 給 白果喵 檢舉此回應
http://www.sendspace.com

用這個吧= v =
本篇文章回覆於2007-07-30 18:06
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
10樓
作者回應

梅子
檢舉此回應
<a href="http://www.sendspace.com/file/9ymp40">http://www.sendspace.com/file/9ymp40</a>

Name: 08menu.fla
Size: 481KB
Description: tab鍵失效的menu選單
本篇文章回覆於2007-07-31 08:29
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
11樓
最有價值解答

Super-Tomato
檢舉此回應
你的製作方式錯了, 而且tabIndex的對象名也不知道是哪個咚咚

副選單用_visible來控制就好
本篇文章回覆於2007-07-31 18:30
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
12樓
作者回應

梅子
檢舉此回應
非常感謝Super-Tomato的解答
全部再重弄一次 選單內的tab鍵終於可以正確使用了,
程式檔案如下..
http://www.sendspace.com/file/fzxji9

但是在最後一步要設成透明背景以免擋到其他畫面的時候,卻又出狀況了,
只要html匯出設了[視窗:透明無視窗],tab鍵就不會從其他控制項跳進flash選單中,
只要沒設這個選項,tab鍵就可以很順利的從網頁頭跳到網頁尾不會漏掉東西,
可是因為子選單顯示的地方是橫跨在內容頁上面,一定要設成透明背景才不會擋到內容顯示,
怎麼辦有什麼方法可以解決,怎麼會設成透明背景,tab鍵就抓不到flash物件了呢..

再幫幫我想辦法解決一下,拜託了~~

本篇文章回覆於2007-08-02 15:18
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
13樓
不錯的參考

白果喵
捐贈 VP 給 白果喵 檢舉此回應
>怎麼會設成透明背景
在html內的object碼內加上<param name='wmode' value='transparent'>...
另在embed內加上 wmode='transparent' ...
本篇文章回覆於2007-08-04 12:21
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
14樓
不錯的參考

Super-Tomato
檢舉此回應
你的scripts很多都是多餘的, 你該想想怎麼把你的控制簡化, 如
http://www.super-tomato.net/download/menu.html 向右鍵和向下鍵



背景透明可在發佈設定中選擇
本篇文章回覆於2007-08-04 13:34
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
15樓
作者回應

梅子
檢舉此回應
背景透明,我會設定...
用 白果喵 的html語法設定,或是 Super-Tomato 的flash 發佈設定我都知道,
我的問題是當我設了背景透明後,tab 鍵就會略過 flash menu,
你們可以試看看發佈html,選擇有透明背景及沒有透明背景的情況,
先將油標移到網址列,之後完全不使用滑鼠,只按 tab 鍵 ,
沒有透明背景的選單是能正確移動到[消防法規],再按下 enter 鍵 也能正確開啟連結網頁,
但是加了透明背景的選單,卻完全沒有做用,無法移動進入,
麻煩請幫我想看看,這要怎麼解決呢??
我的需求是 <<選單必須要透明又要能用tab鍵移動>>...


to Super-Tomato :
"你的scripts很多都是多餘的, 你該想想怎麼把你的控制簡化"
=>可以舉例程式碼嗎,你這樣說我還是不清楚那些是該刪減的,

"向右鍵和向下鍵"
=>我的需求是用[tab 鍵]移動及[enter 鍵]點選,
不過為什麼你的移動不會出現黃色框框呢,
我看過的都會出現黃色框框耶,
不知你是如何設計的呢?
本篇文章回覆於2007-08-06 08:57
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.