Web 如何创建一个用户可访问的网站:无鼠标冲浪?

Web 如何创建一个用户可访问的网站:无鼠标冲浪?,web,accessibility,wai-aria,keyboard-navigation,Web,Accessibility,Wai Aria,Keyboard Navigation,我使用Backbone.js和marionete.js创建了一个网页,它主要由一个引导accordion视图组成,当单击accordion标题时,该视图显示一个项目列表。还可以单击每个项目,这将显示与该特定项目相关的详细信息的隐藏div 我想让不使用鼠标的人可以访问这个网站(可能他们有视力障碍,使用屏幕阅读器?可能他们只是不喜欢点击东西?无论哪种方式)。我想这意味着可以按Tab键进入手风琴,按空格键或Enter键打开手风琴,通过列表项向下(或向下箭头键?)切换,然后使用空格或Enter键显示所选

我使用Backbone.js和marionete.js创建了一个网页,它主要由一个引导accordion视图组成,当单击accordion标题时,该视图显示一个项目列表。还可以单击每个项目,这将显示与该特定项目相关的详细信息的隐藏div

我想让不使用鼠标的人可以访问这个网站(可能他们有视力障碍,使用屏幕阅读器?可能他们只是不喜欢点击东西?无论哪种方式)。我想这意味着可以按Tab键进入手风琴,按空格键或Enter键打开手风琴,通过列表项向下(或向下箭头键?)切换,然后使用空格或Enter键显示所选项的隐藏
div

我发现很难找到关于如何添加这样一个功能的信息,因为像“如何创建一个无需鼠标就能使用的可访问网站”这样的搜索大多会出现关于开发人员应该如何添加页面可访问性的博客,而不是关于如何做的博客


目前,该页面并不真正响应任何键盘按钮。如果您能分享任何建议或资源,我们将不胜感激。我一直在摆弄ARIA角色标记,但我要么做得不对,要么不是这里的答案。

您必须使用tabindex


屏幕阅读器会自动读取activeElement中的任何元素

按钮、表单字段和链接都会被聚焦和单击:您使用它们吗?否则,这不是一个适合如此广泛问题的网站;这是一个非常好的手风琴可访问性(和语义标记)实现:非常感谢。我想我现在需要的东西都有了。