accesskey 属性怎么写才生效
浏览器对 accesskey 的支持不一致，不是加了就一定能用。主流桌面浏览器（Chrome、Firefox、Edge）需要配合特定修饰键：Windows/Linux 是 Alt + 键，macOS 是 Ctrl + Option + 键。移动端基本不支持。
常见错误是直接写 accesskey="s" 后发现按 Alt+S 没反应——可能因为：
- 该快捷键已被浏览器或操作系统占用（如 Alt+F 在 Chrome 打开文件菜单）
- 表单控件未聚焦时无法触发（
accesskey会把焦点移到对应元素，但前提是元素可聚焦，比如<input>、<button></button>、<a></a>；<div> 默认不行） <li>多个 <code>accesskey值重复，浏览器可能只响应第一个 -
<input>（含type="text"、"submit"等） <button></button><a href></a><textarea></textarea><select></select>
建议优先选不易冲突的字母，比如 accesskey="q" 或 accesskey="x"，避开 s（保存）、f（查找）、n（新建）等系统常用键。
哪些 HTML 元素能用 accesskey
只有可交互、可聚焦的元素才支持 accesskey。最常用的是：
立即学习“前端免费学习笔记（深入）”；
以下写法无效：
<div accesskey="m">这个 div 不会响应 accesskey</div>
如果真想让非交互元素响应，得手动加 tabindex="0" 并绑定键盘事件，那就超出 accesskey 原生能力了。
accesskey 和 label 的 for 属性怎么配合
单独给 <input> 加 accesskey 可以聚焦输入框，但用户更习惯“按快捷键后直接输入”，所以最好和 <label></label> 联动：
- 给
<label></label>加accesskey，点击 label 时自动聚焦关联 input - label 的
for必须严格匹配 input 的id，大小写敏感 - 这样用户按快捷键后，光标进入输入框，还能看到 label 文字提示，可访问性更好
正确示例：
<label for="search-input" accesskey="s">搜索</label><br><input type="text" id="search-input">
如果只给 input 加 accesskey，label 就失去快捷入口，容易被忽略。
accesskey 的兼容性和替代方案
IE 早年支持最好，现代浏览器反而更谨慎——因为快捷键冲突太多，且用户几乎不知道它的存在。WCAG 推荐把它当辅助功能补充，而非主要导航方式。
- 某些屏幕阅读器（如 NVDA）会读出
accesskey值，但不会自动触发 - Chrome 117+ 开始默认禁用部分
accesskey（如a、e），防止网页劫持地址栏行为 - 真正要提升可访问性，优先保证
tabindex顺序合理、有清晰 focus 样式、label 正确绑定
如果业务强依赖快捷键（比如后台管理系统），不如用 keydown 监听全局组合键，自己控制逻辑——虽然多写几行，但可控、可测、不撞车。
别指望靠一个 accesskey 解决所有快捷访问问题，它只是个脆弱的补充，不是主干。
