gpt4 book ai didi

javascript - 让屏幕阅读器读取使用 JavaScript 添加的新内容

转载 作者:行者123 更新时间:2023-12-02 23:27:06 27 4
gpt4 key购买 nike

加载网页时,屏幕阅读器(例如 OS X 中的屏幕阅读器或 Windows 上的 JAWS 中的屏幕阅读器)将读取整个页面的内容。但是假设您的页面是动态的,当用户执行操作时,新内容就会添加到页面中。为了简单起见,假设您在 <span> 中的某处显示一条消息。 。如何让屏幕阅读器阅读新消息?

最佳答案

WAI-ARIA规范定义了屏幕阅读器“观看”DOM 元素的几种方式。最受支持的方法是aria-live属性。它具有关闭礼貌自信粗鲁模式。自信程度越高,就越有可能打断屏幕阅读器当前所说的内容。

以下内容已通过 NVDA 进行了测试在 Firefox 3 和 Firefox 4.0b9 下:

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery-1.4.2.min.js"></script>
</head>
<body>
<button onclick="$('#statusbar').html(new Date().toString())">Update</button>
<div id="statusbar" aria-live="assertive"></div>
</body>

同样的事情可以是accomplished与 WAI-ARIA roles role="status"role="alert"。我收到过有关不兼容的报告,但无法重现它们。

<div id="statusbar" role="status">...</div>

关于javascript - 让屏幕阅读器读取使用 JavaScript 添加的新内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3670570/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com