HTML select onchange 可访问性问题

Question

我们收到了一个请求，希望使用元素的onchange触发跳转到新页面。过去，我读过的网络无障碍文献通常建议不要这样做。理由是这会打破用户的期望，并且浏览器（特别是IE<6）即使通过键盘移动选项，也会触发更改事件，使得只能通过键盘使用的用户无法选择。我测试过IE6+和所有其他现代浏览器，在用鼠标或enter键实际选定选项时，都会触发的onchange。有关应用程序的分析显示，早期IE浏览器基本上已经消失（＜0.01％）。

鉴于我们的用户将能够仅使用键盘正确操作这些元素，那么这个功能是否仍然被认为是无障碍性的障碍？这种行为现在似乎非常普遍，我也想知道它是否真的仍然以一种有意义的方式打破了用户的期望？编辑：如果使用鼠标或键盘聚焦，IE的行为会有所不同。当使用鼠标聚焦时，通过选项进行键盘操作不会触发onchange，但是当通过键盘聚焦并使用箭头键移动时，onchange会被触发。

- Michael Berkowski

---

等一下，你是不是在暗示IE6是一款现代浏览器？ ;) - Andrew Marshall

你的问题具体是关于什么的？ - devasia2112

@Andrew Marshall 在打完那句话后，我希望没有人会这么想。 - Michael Berkowski

@Fernando，由于可访问性的考虑，是否仍应避免使用“select”来触发转到新页面的操作？这样清楚吗？ - Michael Berkowski

现在是这样的。我认为有时候它非常有用，具体取决于你的需求，因为它在市场上大多数浏览器中都提供。自从我开始编程以来，我就一直在使用它...为什么要“避免”？给我们一个好的理由... - devasia2112

Answer 1

利用选项元素的 onchange 事件在页面间导航，对于仅使用键盘的用户来说，肯定会带来可访问性问题。

至少有一种方法可以创建具有 onchange 处理程序的可访问的选项元素，并且自 2004 年以来就一直存在于互联网上！

链接到Accessible Select代码的直接链接。

- Chris Shouts

---

我之前阅读过iCITA文档，但似乎已经过时了。文档中写道：“在大多数浏览器上，使用上下箭头键会触发onChange事件”。然而，我测试过的所有浏览器都不会在每次键盘更改时触发onchange事件。相反，它会在按下回车键或控件失去焦点时触发。 - Michael Berkowski

哦，等一下——在IE中，如果您首先使用鼠标和键盘穿过选择，似乎onchange不会触发。但是，如果您使用键盘集中选择，则每次后续键盘运动确实会引发onchange。 - Michael Berkowski

Answer 2

我同意你的观点，这种功能非常普遍。然而，大多数网站使用链接而不是 <select> 来实现这种效果（如果我没有弄错的话）。也就是说，这是标准做法。

- JohnB