[WordPress] 外掛分享: Accessible Dropdown Menus

首頁外掛目錄 › Accessible Dropdown Menus
200+
安裝啟用
★★★★
4.3/5 分(3 則評價)
4646 天前
最後更新
問題解決
WordPress 3.4+ v0.4.1 上架:2013-06-20

內容簡介

目的:

許多網站有下拉式選單,但這些選單只有滑鼠懸停時才會展開連結,對於僅使用鍵盤的使用者來說,部分網站可能會變得更加困難,甚至是無法到達。

這個外掛能讓下拉式選單也能用鍵盤操作,當您在主導覽中使用tab鍵時,次層選單將會顯示,並讓使用者能夠使用tab鍵到達更低層的連結。

目前的版本已經經過視障和僅使用鍵盤的使用者測試過,如果您的螢幕助讀程式無法正常運作,請告訴我們!

使用方法:

此外掛使用CSS和javascript的結合來啟用下拉式選單的鍵盤操作。

使用javascript時,當選單中的連結獲得焦點時,它的父列表項目(li)會被賦予所需的class,以開啟任何隱藏的子選單並將這些連結帶入tab鍵活動順序。

如果沒有使用javascript的話,子選單列表可能不會完全展開,但個別的子連結仍可以使用tab鍵到達。

開發者:

現在的版本由Amy Hendrix建立和維護。

此外掛的最初版本由Graham Armfield建立。您可以在http://www.coolfields.co.uk/2011/12/wordpress-keyboard-accessible-dropdown-menus-plugin-version-0-1/找到它。

此外掛中使用的機制基於Blake Haswell出色的多級無障礙下拉式選單範例,您可以在http://blakehaswell.com/lab/dropdown/deux/找到該範例。

外掛標籤

開發者團隊

⬇ 下載最新版 (v0.4.1) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Accessible Dropdown Menus」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

Purpose:
Many sites have dropdown menus where the expanding of the links can only be triggered by a mouse hover. This means that for keyboard only users parts of the site are harder or sometimes impossible to reach.
This plugin makes these dropdown menus keyboard accessible. When tabbing through the primary navigation the sub level menus will become visible and users will be able to tab to the lower level links.
The current version has been tested by both sighted keyboard-only users and screen reader users. If it doesn’t work for your reader, please let us know!
How it Works:
The plugin uses a combination of CSS and javascript to enable the dropdown menus to be keyboard controlled.
Using the script, whenever a link in the menu gets focus its containing list item (
) is given the necessary class. This enables the new CSS definitions to open any hidden submenus and bring those links into the tabbing order.
In the absence of javascript the full submenu lists may not open but the individual sub-links can be tabbed to.
Credits:
Current version built and maintained by Amy Hendrix.
The original version of this plugin was built by Graham Armfield. It is still available at http://www.coolfields.co.uk/2011/12/wordpress-keyboard-accessible-dropdown-menus-plugin-version-0-1/
The mechanism used in this plugin is based on the same logic used in Blake Haswell’s excellent example of a multi-level accessible dropdown menu. You can find it at: http://blakehaswell.com/lab/dropdown/deux/

延伸相關外掛

文章
Filter
Apply Filters
Mastodon