我可以向 HTML5 Adob​​e Animate 文档添加屏幕友好的 reader 标签吗?

Can I add screen-reader-friendly tags to HTML5 Adobe Animate documents?

我希望能够发布交互式 Adob​​e Animate 资产(以 HTML5 模式编写),以便像 NVDA 这样的屏幕阅读器可以读出屏幕上的文本和我添加的任何 "alt-like" 标签到元素。

有人成功过吗?你能给我一些想法吗?

我稍微了解了一下 ZimJS,但没有找到任何适用于 Adob​​e Animate 的特定辅助功能示例。

谢谢

根据要求,这是我在 Adob​​e Animate 中使用的代码类型:

var timeline = this;
//answerBox is a instance of a symbol in Adobe Animate, and answerBoxDynamicText is a dynamic text instance within the symbol. 
timeline.answerBox.answerBoxDynamicText.text = "Text that I want screen readers to read out";

由于 Animate 本质上是 Flash 的后代,它对辅助功能的支持将非常有限,但您可以做一些事情。

Adobe 有一些 documentation on creating accessible content with Animate,概述了可以做什么以及如何做。

The Animate Accessibility panel (Window > Other Panels > Accessibility) lets you provide accessibility information to screen readers and set accessibility options for individual Animate objects or entire Animate applications.

还有一些 accessibility information here 与一般动画的辅助功能有关。

如果您的动画对于访问者理解页面的含义不是很重要,那么我会强烈考虑对屏幕阅读器完全隐藏它们。

我发现了更多,所以我要回答我自己的问题:ZIM.JS may be a solution. The "ZIM Shim" and a .FLA example can be downloaded from https://zimjs.com/animate。 ZIM Shim 是加载到 Adob​​e Animate 的发布设置中的库。然后,您可以使用 ZIM 语言从 Animate(HTML5) 项目中编写可访问元素,或者您可以使用 zimify() 转换 Animate MovieClip。 ZIM 辅助功能文档位于:https://zimjs.com/docs.html?item=Accessibility。添加 var accessibility = new Accessibility("string");在 .FLA 示例的顶部,当您发布时,它会将 HTML 标签和 aria-labels 放在 canvas 后面,屏幕阅读器可以在标签浏览元素时读出这些标签。 我注意到我也有一些滑块元素的键盘控制。我只使用 NVDA 进行了测试,但它确实超越了 "graphic object, clickable" 以实际在读出的元素中进行描述! 我仍在尝试找出是否也可以通过 ReadAloud 等插件使文本可读,以支持那些可以看到但无法阅读屏幕文本的人。 感谢 Zim Slack 组的人员提供此信息。