Title: Accessible Dropdown Menus Author: Amy Hendrix (sabreuse) Published: 2013 年 6 月 21 日 Last modified: 2013 年 6 月 28 日 --- 搜索插件 **该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起 使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。 ![](https://s.w.org/plugins/geopattern-icon/accessible-dropdown-menus.svg) # Accessible Dropdown Menus 作者：[Amy Hendrix (sabreuse)](https://profiles.wordpress.org/sabreuse/) [下载](https://downloads.wordpress.org/plugin/accessible-dropdown-menus.0.4.1.zip) * [详情](https://cn.wordpress.org/plugins/accessible-dropdown-menus/#description) * [评价](https://cn.wordpress.org/plugins/accessible-dropdown-menus/#reviews) * [开发进展](https://cn.wordpress.org/plugins/accessible-dropdown-menus/#developers) [支持](https://wordpress.org/support/plugin/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/ ## 常见问题 Will this work with any theme? We can’t guarantee that it works in all themes, but it now works with many more than in earlier versions. It has been tested in Twenty Ten through Twenty Thirteen, themes based on Automattic’s Underscores base theme, and a number of others. The plugin looks for the “navigation” ARIA role rather than any particular ID, so it should work in most themes that correctly implement roles. What about child themes? If the plugin works in a parent theme, it should work in child themes based on that parent. However, because of the nature of child themes, this cannot be guaranteed. ## 评价 ![](https://secure.gravatar.com/avatar/fac02b4523bc289d905bd826af27caf1c36369fafdf0d48c7ce3172480e920f7? s=60&d=retro&r=g) ### 󠀁[Still working with 4.9.5](https://wordpress.org/support/topic/still-working-with-4-9-5/)󠁿 [cherryaustin](https://profiles.wordpress.org/cherryaustin/) 2018 年 4 月 14 日 This tiny plugin enables tab navigation through the Wordpress menu bar. It doesn’t allow use of the arrow keys or add screenreader labels. It is, however, a very easy way to improve your site’s navigability. [ 阅读所有3条评价 ](https://wordpress.org/support/plugin/accessible-dropdown-menus/reviews/) ## 贡献者及开发者 「Accessible Dropdown Menus」是开源软件。 以下人员对此插件做出了贡献。 贡献者 * [ Amy Hendrix (sabreuse) ](https://profiles.wordpress.org/sabreuse/) * [ Graham Armfield ](https://profiles.wordpress.org/grahamarmfield/) [帮助将「Accessible Dropdown Menus」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/accessible-dropdown-menus) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/accessible-dropdown-menus/)， 查看[SVN仓库](https://plugins.svn.wordpress.org/accessible-dropdown-menus/)，或 通过[RSS](https://plugins.trac.wordpress.org/log/accessible-dropdown-menus/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/accessible-dropdown-menus/)。 ## 更新日志 #### 0.4 * Extend to multiple themes: now works with all the Twenties, themes based on Underscores, and many others, provided they correctly use ARIA role=navigation for menus. * JavaScript refactoring for better performance. #### 0.3 * Fix an issue that caused the keyboard access code to break mobile navigation. * Completely replace the original JavaScript to modernize the code and allow for licensing. #### 0.2 * Pre-release build for client needs. Compatible with Twenty Twelve & Twenty Thirteen. * Correctly enqueue scripts. * Reformat README for Plugin Repo submission. #### 0.1 * Original version. ## 额外信息 * 版本 **0.4.1** * 最后更新：**13 年前** * 活跃安装数量 **200+** * WordPress 版本 ** 3.4 或更高版本 ** * 已测试的最高版本为 **3.6.1** * 语言 * [English (US)](https://wordpress.org/plugins/accessible-dropdown-menus/) * 标签 * [a11y](https://cn.wordpress.org/plugins/tags/a11y/)[accessibility](https://cn.wordpress.org/plugins/tags/accessibility/) [dropdown menus](https://cn.wordpress.org/plugins/tags/dropdown-menus/)[menus](https://cn.wordpress.org/plugins/tags/menus/) [navigation](https://cn.wordpress.org/plugins/tags/navigation/) * [高级视图](https://cn.wordpress.org/plugins/accessible-dropdown-menus/advanced/) ## 评级 4.3 星（最高 5 星）。 * [ 2 条 5 星评价 ](https://wordpress.org/support/plugin/accessible-dropdown-menus/reviews/?filter=5) * [ 0 条 4 星评价 ](https://wordpress.org/support/plugin/accessible-dropdown-menus/reviews/?filter=4) * [ 1 条 3 星评价 ](https://wordpress.org/support/plugin/accessible-dropdown-menus/reviews/?filter=3) * [ 0 条 2 星评价 ](https://wordpress.org/support/plugin/accessible-dropdown-menus/reviews/?filter=2) * [ 0 条 1 星评价 ](https://wordpress.org/support/plugin/accessible-dropdown-menus/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/accessible-dropdown-menus/reviews/#new-post) [查看全部评论](https://wordpress.org/support/plugin/accessible-dropdown-menus/reviews/) ## 贡献者 * [ Amy Hendrix (sabreuse) ](https://profiles.wordpress.org/sabreuse/) * [ Graham Armfield ](https://profiles.wordpress.org/grahamarmfield/) ## 支持 有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/accessible-dropdown-menus/)