javascript - HTML 选择 onchange 可访问性问题

Question

我们请求使用 select 元素的 onchange 触发移动到新页面。

过去，我读过的网络可访问性文献通常建议不要这样做。这是因为它打破了用户的预期，并且浏览器(特别是 IE < 6)即使在使用键盘移动选项时也会触发更改事件，从而使仅使用键盘的用户无法进行选择。

IE6+ 和我测试过的所有其他更现代的浏览器会在鼠标或回车键实际选择一个选项时触发 select onchange。对相关应用程序的分析表明，早期的 IE 浏览器已基本被淘汰 (< 0.01%)

鉴于我们的用户将能够仅使用键盘正确操作这些 select 元素，是否仍应将该功能视为可访问性的障碍？这种行为现在似乎很常见，我也想知道它是否真的仍然以有意义的方式打破了用户的期望？

编辑:如果 select 是鼠标或键盘焦点，IE 的行为会有所不同。当使用鼠标聚焦时，通过选项进行键盘输入不会触发 onchange 但当通过键盘使用 Tab 键聚焦时，onchange 会在箭头通过时触发。

Answer 1

使用select元素的onchange事件在页面之间导航绝对可以pose an accessibility problem for keyboard-only users .

至少有one method of creating accessible select elements with onchange handlers它自 2004 年以来一直在互联网上!

直接链接到 Accessible Select代码。