Accesskey standards
来源:互联网 发布:数据分析师培训多少钱 编辑:程序博客网 时间:2024/05/16 14:40
One of my goals for Clagnut is to make it accessible beyond good alt
tags and valid code. It currently passes WCAG 1.0 Priority 1 and Section 508. To achieve this, a skip navigation link (skip nav) is required. To make skip nav (and other essential navigation) more effective, we should provide keyboard shortcuts through the accesskey attribute. For example:
<a href="#content" accesskey="2">skip nav</a>
This allows visitors to press ALT+2 or CTRL+2 (on Windows and Macs respectively) to move focus straight to the anchor in question. Keyboard shortcuts can also be applied to form controls by adding accesskey
attributes to input
tags in the same way.
It’s also helpful to add keyboard shortcuts for other important parts of the site, such as search, help, home page and the page which lists the keyboard shortcuts. It struck me that there should be consistency in access keys across the Web. I couldn’t find any mention of standards or suggestions on theSection 508 or WAI sites, so I attempted to see if a de facto standard has been adopted none-the-less.
The UK Government provides accessibility guidelines to which all its websites should comply. These guidelines state:
WebAIM provides similar shortcuts:
These almost match with the access keys used by Mark Pilgrim (accessibility evangelist):
And finally, the accessibility magazine Made For All uses a few different shortcuts:
So there’s a fair bit of overlap between sites. The use of numbers is sensible as software often uses letters for its own shortcuts, particularly for access to the command menu. Letters also make more sense when dealing with forms (think shortcuts in dialog boxes). So the main bone of contention appears to be skip nav. Here’s a few samples:
The consensus of opinion from this little lot is ‘2’. I’ve made the change accordingly and added more keyboard shortcuts to other parts of the site – see the new accessibility statement. I’ve also made my DHTML site contents menu a bit more keyboard friendly by adding an onfocus
event handler to display it.
- Accesskey standards
- Accesskey standards
- accesskey
- standards
- html5 accesskey
- HTML accesskey 属性
- accesskey快捷键的使用方法
- HTML accesskey 属性
- accesskey的使用
- HTML accesskey属性详解
- Industry Standards
- 10 standards
- Coding standards
- Video Standards
- RFC Standards
- Telecomm Standards
- SIP Standards
- SIP Standards
- Linux2.6内核进程调度核心代码分析
- 微分电路、积分电路、限幅电路
- Android:native和上层framework基于socket进行通讯
- eclipse添加logcat显示
- 使用crosstool_ng来创建交叉编译器
- Accesskey standards
- http协议
- keytool简明用法
- c语言scanf缓冲区问题
- CIO如何面对热点趋势
- 在TreeView节点上点击右键触发选中该节点的方法
- Cocos2d-x跨Android&iOS平台开发入门
- 使用U盘PE安装系统,显示安装程序无法重新启动计算机,请关闭所有应用程序并且关机,以便继续进行XP安装。找不到网络路径。的解决方法
- 《代码大全》- 12.4 字符和字符串