选择下拉列表可访问性/可用性

时间:2011-05-04 08:44:33

标签: forms select drop-down-menu accessibility usability

我正在尝试找到最实用/可访问的方式来实现一个简单的表单下拉列表,该列表将按照pice和字母顺序对产品列表进行排序。

在您看来,当有一个按钮来管理其提交时,或者当它自动提交更改下拉列表时,下拉列表会更有用吗?

我所读过的研究既支持也反对这些方法,网上有各种各样的实施,所以有兴趣听取社区的想法。

提前致谢

4 个答案:

答案 0 :(得分:1)

作为盲人计算机用户,任何一种方法都可以。我发现有一个单击按钮对我来说稍微容易一点,然后onchange事件触发。虽然假设您的大多数用户不会被禁用,但我不会说这是一个足够大的差异。如果您的定位是盲目用户,我就不会使用onchange事件。

答案 1 :(得分:0)

只要您在选择更改时不更改焦点或导航到其他页面,任何一种方法都应该有效。问题下拉列表的典型示例是它包含网站上其他页面的列表,并在选择更改后立即导航。这可以防止键盘用户使用该列表;他们无法浏览它,也无法导航到第一个选择之外的任何页面,因为无法浏览那些页面。因此,在焦点改变或页面导航的情况下,具有单独的动作(例如,Go按钮或处理输入)以使导航发生是必要。这可能是您阅读的建议来自的地方。

然而,在这种情况下,听起来好像只是更新页面上的其他内容,而不是更改焦点或进行导航。简单地使用现有内容应该没问题。

答案 2 :(得分:0)

取决于您的用户及其各自的期望以及展示的背景。

作为一般性的一般性陈述,你应该有一个非常明显的提交按钮下拉。这是更安全的方法。

答案 3 :(得分:0)

如果您要刷新页面数据,或者在选择下拉选项后焦点移开,则应使用按钮进行访问。如果您在更改时触发事件,盲人或仅限键盘的用户将无法使用下拉菜单,如果他们在使用ie和chrome的窗口上(因此加在一起,大多数人在Windows上)。一旦他们使用箭头向下滚动并进行选择,他们将选择他们点击的第一个选项,页面数据将刷新或焦点将移动,使他们无法导航或选择第二个选项,第三个选项以下是对示例的详尽解释,以便您了解我的意思。

设计师绝对不喜欢这些按钮,但是如果你是盲人并且使用chrome / ie,那么没有它就不可能使用很多下拉菜单。我猜Jared使用的是firefox或mac。

http://pauljadam.com/blog/javascript/onchange-event-on-a-select-inputjump-menu-accessibility-problems/