html - 是否有标准方法为 HTML5 广告/动画的屏幕阅读器提供 alt =""文本？

Question

在创建 HTML5 动画时，是否有一种技术可用于“同步”替代文本，以便屏幕阅读器在给定元素出现时(或由事件/时间轴驱动触发)读取给定元素？

理想情况下，我可以使用 GSAP 调用的东西(将其用作我的项目的动画库)。

或者这样的事情是否只会让屏幕阅读器过于频繁地重复说话和暂停，最终听起来比实际提升用户体验更令人沮丧？我是否最好只在 alt="..." 属性的一行上粘贴所有正在进行的动画的本质上的“脚本”？

编辑:

这个问题主要针对 HTML5 广告 - 所以我假设必须有一种非侵入性的方式来屏幕阅读动画中发生的事件，而不需要用户实际点击广告来获得焦点(这会不由自主地打开广告所指的链接)。同时，如果用户正在阅读一篇文章/只对页面的另一个区域感兴趣，那么“强制关注”广告的动态文本是否会构成某种用户违规行为？这引发了很多其他问题!

Answer 1

如果您像这样使用 aria-live 创建一个实时区域，

<div role="region" id="announce" aria-live="polite">

并在适当的时候用 JavaScript 更新里面的内容，屏幕阅读器会在内容更新时宣布内容。

这里是关于实时区域的更多信息。

https://www.w3.org/TR/2008/WD-wai-aria-practices-20080204/#LiveRegions

如果你想为网站用户隐藏内容，你可以使用这种技术。

https://webaim.org/techniques/css/invisiblecontent/

也许您还可以创建一个按钮来打开/关闭通知，这样屏幕阅读器用户就可以选择他们是否想实时听到描述。