10

我研究了很多关于这一点,似乎是在SO和所有的网络上得到冲突的答案。我明白,根据第508条,合规不等于无障碍。键盘快捷键强制508符合

最大的问题是UI/UX设计者被告知下拉菜单NEEDS的键盘快捷方式使键盘快捷键符合508。我看到Windows窗体有这个应用程序,但对于Web开发,我不认为这是强制性的,以“守规”这是回答

我的另一个问题是在这里:MVC 4 site 508 compliant

回答

5

我部分同意thinice,但同意留言的前两句话。

我指的句子:

他们应该通过键盘508 -reachable-。我强调维护上的快捷方式之间的差异,可到达

克雷斯说:

最重要的事情是,UI/UX设计师被告知,键盘快捷键的下拉菜单需要有键盘快捷键508符合。

您需要说明一下。你的意思是简单的<select>还是一个导航菜单的下拉菜单?正如Thinice在评论中所述,第508节只是说需要可以达到。问题变为:

如何将添加到您的应用程序?您是通过accesskeys属性添加它们还是通过Gmail/Yahoo Mail添加快捷键?

我以为我做了关于AccessKeys的答案,但找不到它。基本上,accesskeys听起来像是一件好事,但如果您查看允许使用的不会影响浏览器或辅助技术键的密钥,那么您就非常有限。 Gez柠檬做了an overview of AccessKeys, and their issues。如果你想要做Yahoo! Mail的方法,你必须做更多的工作。托德克洛茨做了一个presentation about ARIA,这可能会有所帮助。这导致我进入第二部分。如果您在网站上大量使用JavaScript来做东西,人们使用 1194.21(软件应用程序/ OS) 1194.22(网络)标准来评估网站。如果该站点使用JS创建导航菜单(YUI menu example),则需要通过键盘访问下拉行为。我会说这属于:

§1194.21软件应用程序和操作系统。 (a)当软件被设计为在具有键盘的系统上运行时,产品功能应该可以从键盘执行,其中功能本身或执行功能的结果可以用文本来辨别。须设置

AND

(c)一个明确定义的屏幕上的当前焦点的指示交互界面元素作为输入焦点变化率中的移动。重点应该以程序方式公开,以便辅助技术可以追踪焦点并集中变化。

我说这两个标准的使用,因为(一)说你必须能够通过键盘进入导航区。 (c)发挥作用,因为有些菜单可以将选项卡添加到所有父项目,但不能在没有鼠标的情况下进入下拉部分。我看到菜单,你可以标签到子菜单项,但菜单不会弹出打开。所以,如果你只是使用键盘(移动性限制),而不是使用JAWS,你将不知道你在哪里。

我看到Windows窗体有这个应用程序,但对于Web开发,我不认为这是强制性的,以“守规”

我要说的实际应用中,如Word,Outlook中,等等,提供经常使用的命令的快捷方式。如果你正在为Web应用程序做这件事,我会考虑你做了多少事情。这不是一个必须遵守的强制性要求。如果您像导航栏一样制作,我建议在父元素上使用ARIA roles,特别是role="navigation",作为最佳做法。

5

问题与某些标准(以及因为许多法律)是他们不同的解释......

,只有提起我可以在508分的标准,提到键盘使用is this找到原文引用:

B部分 - 技术标准

§1194.21软件应用程序和操作系统。 (a)当软件被设计为在具有键盘的系统上运行时,产品功能应该可以从键盘执行,其中功能本身或执行功能的结果可以是文本辨别的 。

我对这个旋转是:

  • 键盘快捷导航选项给定的操作量可能是不切实际的/设有一个给定的部分可以包含。重要的是,他们可以通过键盘到达 - 某种程度上 - 。
  • 从用户体验的角度来看,关键功能应该有快捷键,“仅仅是因为”这是良好的UX练习。但要快捷一切从一个沟到另一个沟。
  • 508!=辅助功能,但如果您为gov/edu工作,则可能是您的PD符合规定。

光谱的另一端是,这是相当多加上508遵守WCAG,并在我的定义更明确的书:Keyboard stuff is under 'operable' in WCAG.

一言以蔽之: 这是很好的做法UX拥有自定义快捷键为重要的功能。但是它本身并不影响508合规性。 (除了功能应该可以通过键盘到达--somehow)。

+0

您是否认为下拉菜单需要有键盘快捷键才能适合出售给要求508合规的政府或州政府机构?如果网站的简单版本用于JAWS阅读器的人员等。? – 2012-07-28 08:40:38

+0

他们应该可以通过键盘输入508。我将重点放在快捷方式和可达性之间的区别。您是否可以提供简单版本或RDF数据取决于您拥有的资源类型以及您的项目设置方式。 ; – thinice 2012-07-28 16:16:23

0

有508合规水平,如果你在谈论一个政府项目。有些部门为他们的开发人员分配了508分,并将其纳入未来合同的分数中。 508合规性只要求一切都可以通过键盘到达,这在某种程度上通常是正确的。屏幕阅读器将读取所有未隐藏的内容,并且Tab键会通过链接引导用户。但是如果你想要一个好的分数,你必须解决这个意图,而不仅仅是法律的字母。

编辑:屏幕阅读器会读一些隐藏要素。一种方法是绝对地在屏幕上方放置一个具有负顶部位置的物品。另一个是使用剪辑属性。 http://adaptivethemes.com/using-css-clip-as-an-accessible-method-of-hiding-content/ 但是,如果你正在使用显示:无,零高度和JavaScript切换,许多屏幕阅读器不会讲这些项目。

在一个下拉的情况下,你都在积极隐藏屏幕读取器等元素,所以你必须修复它,因为大多数读者都不愿意听到的东西显示:无。

在键盘导航中找不到确切的文档。没有人会明确指定要做什么,是有这么多潜在的冲突 - 与浏览器,操作系统等。也没有标准,虽然咏叹调正在取得进展: http://www.w3.org/TR/wai-aria-practices/#keyboard

我不会将accessKeys放在菜单上,如果这就是你的意思。
请参阅:http://www.w3.org/TR/wai-aria-practices/#aria_ex_widget

我会为“搜索”和“主页”等主要内容节省实际的访问密钥。如果你有一个AccessKey的一切,你的网站添加一个学习曲线不会帮助原因。如果你举个例子,“关于我们”accessKey = A,并且你有20个accessKeys分配给字母,那就太糟糕了。

我一直在做508位长一段时间,我个人来看,只是不使用下拉菜单。添加子页面菜单要简单得多。我个人讨厌点击下拉菜单。下拉菜单需要精确的点击才会激怒我,并且无法提供辅助功能,因为记忆辅助功能还包括点击不好的人。另外,下拉菜单的数量有限,不是技术上的,而是来自用户体验视图。

我用什么:

  • 的标签索引。
  • 小心地放置菜单,以便用户在听到网站或网页的基本想法之前不会获得大量链接。
  • 在某些项目上,按顺序箭头键页面导航的树形菜单。
  • 如果需要,家庭访问键H和搜索键S.

的问题,特别是在分选的信息。想想你扫描一长串链接的速度有多快,然后想象一下,坐在那里,等着它读给你。也许,将您的内容整理成易消化的片段&让搜索框进行扫描。取决于内容。

好运。:)

+0

对不起Jennifer,你给的建议不是最好的。 “屏幕阅读器将阅读所有未隐藏的内容” - 实际上,有些阅读器会依赖于它隐藏的方式。 AccessKeys可以使用,但在有限的范围内 - 如果你想使用它们,我建议英国的标准。你列出你使用tabindexes,但给**没有**额外的信息。应该使用的* only *值确实是0或-1。除此之外,您可能会为您,开发人员或最终用户感到头痛。 – 2012-07-31 12:32:55

+0

对于Ryan,如果您觉得它是误导性的,您可以编辑该帖子。但是我也希望你能考虑缺乏有用的信息可能部分是因为没有得到这种反应就不允许任何人发言。请不要采取消极的态度,这只是每次我尝试帮助有关此主题的人时发生的。我将编辑我隐藏的意思。 – 2012-08-01 05:28:43

+2

我没有编辑它,因为编辑会改变你答案的语气。一个例子是你主张使用选项卡索引。那么,如果OP仅在导航栏中打了1-6,一些浏览器/ AT会将用户发送回第七个选项卡按键上的url栏。 “没有人得到这种反应就不会说话。”,你能解释一下吗?我的反应是因为你抛出关键字,很少或没有解释。如果你知道这个话题,那么再花两分钟时间来教人或回答问题。 – 2012-08-01 13:36:26