是否可以在没有提交按钮的情况下创建可访问的表单?

时间:2017-03-15 13:27:03

标签: ajax forms accessibility

我正在尝试创建一个在可访问性方面排名很高的网站,其中一件事我遇到过。我的实时搜索(发出ajax请求并显示您在搜索栏中键入内容的建议" keyup")。

建议列表中包含了一些链接,这些链接会将您带到您正在寻找的页面,这意味着没有包含您的结果的提交页面您只需单击链接,因此提交按钮在我看来是多余的,没用。< / p>

我的问题是:是否可以在没有提交按钮的情况下进行实时搜索,而网站排名低于搜索按钮?

2 个答案:

答案 0 :(得分:3)

  

是否可以在没有提交按钮的情况下进行实时搜索,而网站的排名低于搜索按钮的排名?

您必须阅读WCAG Success Criterion 3.2.2 On Input

提出的第一项技术是G80: Providing a submit button to initiate a change of context

但是还有另外一种技术不需要提交按钮: G13: Describing what will happen before a change to a form control that causes a change of context to occur is made

TLDR:是的,但是。

答案 1 :(得分:0)

通常认为采用“后备”方案是一种好习惯。比如说,例如,用户没有使用JS(上帝禁止)或者如果用户正在使用某种类型的屏幕阅读器 - 搜索框应该将用户引导到包含列出结果的新页面。

有关构建可访问网站的实用指南,请访问(https://www.w3.org)[https://www.w3.org/TR/WCAG20-TECHS/]