【问题标题】:NVDA screen Reader ignores aria-current ="date" in top-bottom NavigationNVDA 屏幕阅读器忽略顶部导航中的 aria-current="date"
【发布时间】:2021-11-30 05:53:03
【问题描述】:

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

代码sn-p参考:

    <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-aria screen-readers nvda wcag2.0


    【解决方案1】:

    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 按钮,当前时间”

    【讨论】:

    • 关于如何为动态渲染执行此操作的任何建议? ,这对您从顶部和底部导航都有效吗?对我来说,当我从顶部导航时,它无法识别 aria-current,当我从页面底部按标签时,它会读出当前日期(例如,14,当前日期)
    • 我是向前还是向后跳动都没关系。它总是按照答案中列出的方式宣布。如果您有示例页面,我可以对其进行测试。
    猜你喜欢
    • 2018-10-04
    • 2023-02-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-07-16
    • 1970-01-01
    • 1970-01-01
    • 2017-11-10
    相关资源
    最近更新 更多