2016-11-25 57 views
0

我对隐藏的内容如何与辅助技术工作有点混淆。我给你举几个例子,并希望你能解释我这一点,请:隐藏的内容与辅助技术

  1. 如果我想打一个小的弹出,这是以前是display:none;,如何将与AT用户会明白这是新的东西,除了我会自动提供焦点到这个弹出窗口?

  2. 我该如何制作可访问的图像滑块?我听说rolearia-*属性,并且只有当时的可见图像应该是display:block;或者只是可见的,所有其他图像应该是display:none;。如果是这样,用户与AT(第一个问题的一部分)不会混淆吗?

  3. 是否有比台式电脑更需要的移动设备。例如,如果我想为手机屏幕制作汉堡菜单,那么它的链接应与display:none;一起隐藏?我应该如何注意到用户现在可以看到链接?

回答

1
  1. 提供聚焦,在弹出键,通常以将其关闭的控制。但是,如果您的弹出窗口不是真正的弹出窗口,而只是一页更新,那么您可以跳过焦点并使用活动区域。总之,这取决于你在做什么。请记住,弹出窗口旨在防止用户与页面的其余部分进行交互,直到执行指定操作为止,而更新内容块不会带来该限制。

  2. 如果您正在关注焦点,那不是什么大问题。隐藏的图像不会在页面内容中,因此它们不会减慢用户。在这种情况下,不要使用活动区域,因为它会在用户循环时中断用户。

  3. 在这种情况下,通过将焦点移至先前隐藏的导航菜单。通过良好的可访问名称,它将工作得很好。

我怀疑你不熟悉ARIA live regions,虽然你知道重点管理。

住区可以满足您的一些需求。有一些你需要知道的live region properties。如果你想要一个地区一旦发生变化就宣布,不管用户在做什么,那么它将是assertive。如果您希望它等到用户完成交互,那么它将是polite。还有corresponding live region roles,我在下面展示。

此外,aria-atomic属性将告诉屏幕阅读器是否应该公布整个事件(这对于警报消息来说是好的)还是只是更改的部分(这可能更适合定时器)。

避免在页面上拥有多个ARIA直播区域。

这是example of an offline alert。这里是方便的slideshare that goes into more detail。现在有更多的东西,你知道要搜索什么。