试一试
<p>If you need to relax, press the <b>S</b>tress reliever!</p>
<button accesskey="s">Stress reliever</button>
b {
text-decoration: underline;
}
激活 accesskey 的方式取决于浏览器及其平台
| Windows | Linux | Mac | |
|---|---|---|---|
| Firefox | Alt + Shift + 键 | Control + Option + 键 或 Control + Alt + 键 | |
| MS Edge | Alt + 键 |
Control + Option + 键 或 Control + Option + Shift + 键 |
Control + Option + 键 |
| Google Chrome | |||
| Safari | 不适用 | Control + Option + 键 | |
| Opera | Alt + 键 | Control + Alt + 键 | |
可访问性考虑
accesskey 属性存在许多问题
accesskey值可能与系统或浏览器键盘快捷键或辅助技术功能发生冲突。在一种操作系统、辅助技术和浏览器组合中有效的方式,在其他组合中可能无效。- 某些
accesskey值可能在某些键盘上不存在,尤其是在涉及国际化时。因此,适应特定语言可能会导致进一步的问题。 - 依赖数字的
accesskey值可能会让有认知障碍的人感到困惑,因为数字与它触发的功能没有逻辑关联。 - 告知用户
accesskey的存在,以便他们了解该功能。如果系统缺乏通知用户此功能的方法,用户可能会意外激活accesskey。
鉴于这些问题,通常建议不要在大多数通用网站和 Web 应用程序中使用 accesskey。
规范
| 规范 |
|---|
| HTML # the-accesskey-attribute |
浏览器兼容性
加载中…