首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >用辅助技术隐藏内容

用辅助技术隐藏内容
EN

Stack Overflow用户
提问于 2016-11-25 15:00:38
回答 1查看 133关注 0票数 0

我有点不明白隐藏的内容是如何与辅助技术一起工作的。我给你举几个例子,请你解释一下:

  1. 如果我想做一个小的弹出,即以前是display:none;,那么拥有AT的用户将如何理解它是新的东西,除了我将自动提供这个弹出窗口的焦点之外?
  2. 如何使可访问的图像滑块?我听说过rolearia-*属性,只有当时可见的图像应该是display:block;,或者只是可见的,所有其他的图像都应该是display:none;。如果是的话,用户会不会和他的AT(第一个问题的一部分)混淆?
  3. 是否有比移动设备所需的桌面计算机更多的东西?例如,如果我想为移动屏幕制作一个汉堡包菜单,它的链接应该隐藏在display:none;中吗?我应该如何注意到用户的链接现在是可见的?
EN

回答 1

Stack Overflow用户

发布于 2016-11-26 01:29:12

  1. 提供焦点是弹出的关键,通常是指向关闭它的控件。但是,如果弹出不是真正的弹出,而是页面顶部的更新框,那么您可以跳过焦点并使用活动区域。简而言之,这取决于你在做什么。请记住,弹出是为了防止用户在采取指定操作之前与页面的其余部分进行交互,而更新内容块则不受此限制。
  2. 如果你要转移注意力,没什么大不了的。隐藏的图像不会出现在页面内容中,因此不会减慢用户的速度。在这种情况下,不要使用活动区域,因为这样会在用户循环时不断中断用户。
  3. 在这种情况下,通过移动焦点到以前隐藏的导航菜单。有了好的可访问的名称,它将工作得很好。

我怀疑您不熟悉ARIA活区,尽管您知道焦点管理。

活动区域可以满足你的一些需求。有一些活区性质你需要知道。如果您希望在某个区域发生变化时立即宣布,无论用户在做什么,那么它将是assertive。如果您希望它等待用户完成交互,那么它将是polite。还有相应的活动区域角色,我在下面展示。

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

避免在一个页面上有多个ARIA活动区域。

这是一个脱机警报示例。这里有一个方便的更多细节。现在你知道要搜索什么了,还有更多。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40807735

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档