问题标签 [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.
search - 实现搜索并将光标返回到搜索框
我已经实施了搜索,需要一些关于如何:
- 显示“未找到搜索结果”的消息。
- 每次搜索后将光标返回到搜索字段。
目前面临以下情况:
在相关的搜索页面上,如果有结果,带有“aria-live=polite”标签的info元素,会在div内容发生变化时公布结果。已注意到以下行为。
如果结果内容没有改变,例如“未找到结果”,则不会触发 aria-live 公告。我可以通过更改结果以包含搜索文本来解决这个问题,例如“没有与您的搜索匹配的结果”。这行得通,但还有其他选择吗?
当焦点从搜索按钮更改回搜索字段时。它可以防止触发 aria-live 公告。关于解决这个问题的任何想法?
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 一无所知)。
html - 如何在嵌套结构中设置 aria-live="assertive" 和 role="alert"?
我有一个很大的网页,在成功提交表单后,它开始显示成功/失败消息,我们希望 NVDA 在单击提交按钮后自动读取相同的信息。我已经尝试了添加 aria-live 和角色属性的基本建议,但它不起作用。这是片段:
单击提交按钮后,跨度会随消息更新,但 NVDA 不会自动读取消息。