代码之家 › 专栏 › 技术社区 › SOLO mozboz

使之处于选定状态

section508 jaws-screen-reader wai-aria accessibility html

0

SOLO mozboz · 技术社区 · 6 年前

我有一个标签导航页面,我需要让JAWS宣布标签状态。例如:

      ________
 Shop | Cart | Recent orders | Profile
--------------------------------------

当用户在上面的选项卡中移动时,JAWS应该说

(选项卡)
推车;挑选出来的
(选项卡)
最近的订单;未选定
(选项卡)

标签 键在导航选项卡之间移动。

目前,JAWS没有说出“not selected”和“selected”这两个词,但其余的都没有。我在使用标记,比如

<a aria-selected="false" href="profile.html" id="profileTab">

官方文件(网上转载) here )表示JAWS可以识别 aria-selected 但没有说明财产有什么影响。

我可以在我的页面源代码中看到ARIA标记,但是JAWS不会大声地读出来,或者尽我所能地用它做任何事情。我怎样才能让下巴说“选中”和“未选中”(或类似的东西)?

1 回复 | 直到 6 年前

1

2

slugolicious 6 年前

这个 authoring practice demo site 正在使用 aria-selected 和你一样,但是我刚才测试它的时候,用JAWS和internetexplorer听起来不错,尽管演示正在进行中 <button> 而不是链接。

最新版本的大白鲨?

另外,选项卡控件通常使用箭头键在选项卡之间导航(参见前面提到的“创作实践”),而不是使用 标签 但这不应该影响 选定的咏叹调

(作为一个有趣的事实,你可以关闭JAWS的公告“标签”每次你按下钥匙。我经常用下巴,当我按tab键时不需要它来告诉我。(对我来说)只是声音混乱。Ins+J>公用设施>设置中心>管理关键标签>选项卡>切换静音)

更新抱歉,我一时脑子出毛病了。我忘了提 role="tab" . 这就是你的问题所在。 选定的咏叹调 在上无效 role="button" 或 role="link" 但是是 role=“选项卡” Allowed ARIA roles, states and properties "

<a aria-selected="true" href="profile.html" id="profileTab" role="tab">

它应该有用。