屏幕阅读器可以像JAWS一样阅读jGrowl消息吗？

2018-06-17 21:05:24

在我的web应用程序中，每当发生任何错误时，通过jGrowl框显示错误消息：

$.jGrowl("This is an error message.");

此外，我还使用jGrowl框来显示正常的消息/通知。我正在让我的应用无障碍友好。我使用JAWS作为屏幕阅读器。当jGrowl消息弹出时，JAWS不会读取该消息。

我如何让JAWS阅读该消息？任何解决方法？

或者是否有任何jQuery方法可以让我知道正在显示jGrowl消息，以便我可以设置焦点或其他内容，以便屏幕阅读器读取该消息并通知用户。

提前致谢。

更新：

我做了一个解决方法，让jGrowl消息/通知可以被屏幕阅读器读取，如JAWS。为此，我修改了一下jquery.jgrowl.min.js文件。

首先在jquery.jgrowl.min.js文件（它通过呈现jGrowl弹出窗口扮演重要角色）的下面一行找到：

var t=e("<div />").addClass("jGrowl-notification "+n.themeState+" ui-corner-all"+(void 0!=n.group&&""!=n.group?" "+n.group:""))

现在添加一个' 角色 '属性分配' 警报 '作为该div中的值。您还可以添加一个ARIA标签 ，让消息通过屏幕阅读器读取。

所以更改后，它看起来像这样：

var t=e("<div role='alert' />").attr('aria-label',t.message).addClass("jGrowl-notification "+n.themeState+" ui-corner-all"+(void 0!=n.group&&""!=n.group?" "+n.group:""))

希望这是有帮助的。它为我工作:)

链接地址: http://www.djcxy.com/p/50485.html

上一篇: Can screen reader like JAWS read jGrowl message?

下一篇: Screen Reader not reading bullets and CSS for ordered lists