gpt4 book ai didi

javascript - 屏幕阅读器和 JavaScript 打印功能

转载 作者:塔克拉玛干 更新时间:2023-11-02 22:36:27 25 4
gpt4 key购买 nike

我为网页编写了基于 JavaScript 的打印功能。它从页面上隐藏的 div 中提取 HTML,将其呈现到新窗口中并触发打印对话框。

通过带有 onclick="printTheThing()" 事件的 button 可以使用该选项。我知道例如屏幕阅读器对 JavaScript 有一些警告。 我想知道我是否阻止/有多少盲人或视力障碍者使用此功能。

该实现打开一个新的浏览器窗口并附加到其文档:

function printTheThing() {
var dispSettings = "toolbar=yes,location=no,directories=yes,menubar=yes,"
+ "scrollbars=yes,width=550,height=400",
html = $('#theDivToPrint').html(),
printWindow = window.open("", "", dispSettings),
doc = printWindow.document;

doc.open();
try {
doc.write('<html><head>');
doc.write('<title>' + title + '</title>');
doc.write('</head><body>');
doc.write(html);
doc.write('</body></html>');
} finally {
doc.close();
}
printWindow.focus();
printWindow.print();
}

更新:这是按钮的样子:

<button type="button" onclick="printTheThing()">Print the thing!</button>

此外,我使用 CSS 将按钮替换为图像。我用 Firefox 插件“Fangs”测试了按钮。它表明屏幕阅读器将完美地读出原始按钮文本。但是 Fangs 不提供任何交互性,所以我无法用它测试打印。

最佳答案

根本不应依赖 Chrome 扩展程序。您应该使用免费的 NVDA 进行测试。我猜谷歌粉丝会说 Chrome Vox 很好。相信我,我在 AT 工作了将近 15 年。

无论如何,我需要查看按钮的代码,而不是 JS...JS 看起来不错。有些人不知道有一个新窗口,但是打印对话框应该捕获焦点而不是窗口

关于javascript - 屏幕阅读器和 JavaScript 打印功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10246641/

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