问题标签 [aria-live]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
18 浏览

search - 实现搜索并将光标返回到搜索框

我已经实施了搜索,需要一些关于如何:

  1. 显示“未找到搜索结果”的消息。
  2. 每次搜索后将光标返回到搜索字段。

目前面临以下情况:

在相关的搜索页面上,如果有结果,带有“aria-live=polite”标签的info元素,会在div内容发生变化时公布结果。已注意到以下行为。

  1. 如果结果内容没有改变,例如“未找到结果”,则不会触发 aria-live 公告。我可以通过更改结果以包含搜索文本来解决这个问题,例如“没有与您的搜索匹配的结果”。这行得通,但还有其他选择吗?

  2. 当焦点从搜索按钮更改回搜索字段时。它可以防止触发 aria-live 公告。关于解决这个问题的任何想法?

0 投票
0 回答
65 浏览

jquery - 使用 jquery 克隆和附加元素有时会关闭 live-aria

我有以下问题,非常感谢您的帮助 :) 请原谅我的“deepL”英语 :)

我正在使用 ajax 来检索数据库上的图像路径,以创建带有结果的动态图像库。为此,根据图像的数量,for 循环运行 x 次。在一次运行中,应克隆并添加一张载玻片。之后,将使用“src”属性相应地重新填充幻灯片上的图像。

JS代码:

php代码:

HTML 代码(摘录):

问题是,虽然元素被正确克隆,但只要它在 ajax 成功函数内,它就不会被添加。一旦我把它放在外面,它就会按预期运行。但是,现在,由于 ajax 的异步特性,我需要将所有内容都放在成功函数中(请随时在这里教我更好)以知道我需要多少张幻灯片(因为图像的数量是可变的)。另外:我正在使用 webflow,要克隆的元素是 webflow“Slider”元素的幻灯片。这应该添加到“滑块”元素中为其提供的掩码中。

消除错误原因:

  • clone-append 的语法错误:代码在成功函数之外工作。

  • 函数内部不知道克隆对象或附加对象的 ID(无论出于何种原因):两个对象都可以使用 .css 设置样式...

  • ajax 的结果没有返回想要的结果:已检查,运行正确

  • 克隆和附加在带有 webflow 内容的 ajax 成功函数中不起作用:完全相同的星座在其他地方也有效!请参阅以下代码:

工作代码:

更新:它现在在某些情况下有效。这里新添加的元素:

现在的问题是,属性“aria-live”有时是礼貌的,有时它会关闭(随机?),然后克隆的元素不会在幻灯片中显示和访问。我还更新了我的 js 代码以在滑块之前设置附加元素,以便滑块包含所有这些元素。此外,我尝试将 aria-live 属性设置为礼貌,但这不起作用。(我对 aria-live 一无所知)。

0 投票
0 回答
23 浏览

html - 如何在嵌套结构中设置 aria-live="assertive" 和 role="alert"?

我有一个很大的网页,在成功提交表单后,它开始显示成功/失败消息,我们希望 NVDA 在单击提交按钮后自动读取相同的信息。我已经尝试了添加 aria-live 和角色属性的基本建议,但它不起作用。这是片段:

单击提交按钮后,跨度会随消息更新,但 NVDA 不会自动读取消息。