将ARIA隐藏设置为true的ARIA标志性角色

use*_*036 3 accessibility wai-aria

当用户列出地标区域时,也会显示aria-hidden设置为true的ARIA地标角色。(使用JAWS时:Jaws key+ CTRL+ ;

例:

<div role="region" aria-label="tools menu" aria-hidden="true">....</div>
Run Code Online (Sandbox Code Playgroud)

仅在单击“工具菜单”按钮时显示

我的问题是

  1. 有没有一种方法可以在用户列出地标角色时不显示此信息?
  2. 当我使用地标性角色进入该区域时,大白鲨并没有宣布该特定区域是隐藏的。可能出了什么问题?我正在使用Jaws 12.0
  3. 它按预期工作吗?

Rya*_*n B 5

我对您要在这里做什么感到困惑。一个ARIA地标,允许使用辅助技术来跳转到网页中的某些部分,因此他们不需要通过在页面读取找到特定区域中的人。例如,边栏可以添加role="complementary"或使用HTML5 <aside>标签。PGB上有关HTML5和角色的更多信息

aria-hidden属性略有干扰。因此,如果我们有:

<p aria-hidden="true">My cool text</p>
Run Code Online (Sandbox Code Playgroud)

在代码中。浏览器将呈现:

我很酷的文字

如果我们使用辅助技术查看同一段文本,结果将像

 <p></p>
Run Code Online (Sandbox Code Playgroud)

由于您将地标和属性组合在一起,因此JAWS不确定该怎么做。由于地标具有更大的功能/权限/功能,您说给我所有的地标,它将看到它,并允许您导航到那里。但是,一旦进入它,它将看到<div></div>