时间戳

首页 > 解决方案 > NVDA 屏幕阅读器忽略顶部导航中的 aria-current="date"

wai-aria - NVDA 屏幕阅读器忽略顶部导航中的 aria-current="date"

问题描述

我正在为残疾人开发一个应用程序，如果用户使用选项卡点击元素（日期选择器/日历/切割），NVDA 屏幕阅读器应该读出当前日期。当从页面顶部导航到底部时，NVDA 会忽略 aria=current="date" （不读取为当前日期），但从页面顶部导航时读取相同的日期。

代码片段参考：

    <tag
attribute1
attribute2
aria-current="date"
>
<input /calendar (could be calendar in place of input)
attribute1
type="date"
aria-current="date"
attribute2
more attributes
>
</tag>

标签： wai-ariascreen-readersnvdawcag2.0

解决方案

aria-current应该告诉您一组元素中的哪个元素是当前元素。它具有各种值，最常见的是"true"。

我刚刚在 Firefox 和 Chrome 上尝试了 NVDA 的各种值，它们似乎都有效。

<button>foo</button>
<button aria-current="true">foo</button>
<button aria-current="page">foo</button>
<button aria-current="step">foo</button>
<button aria-current="location">foo</button>
<button aria-current="date">foo</button>
<button aria-current="time">foo</button>

NVDA 的结果是：

  • “foo 按钮”
  • “foo 按钮，当前”
  • “foo 按钮，当前页面”
  • “foo 按钮，当前步骤”
  • “foo 按钮，当前位置”
  • “foo 按钮，当前日期”
  • “foo 按钮，当前时间”

推荐阅读