Question

我有一个插件jQuery Terminal，我想让屏幕阅读器可以访问它。我该怎么做才能使文本输入可访问？

生成的HTML看起来像这样：

<ul class="work"><li>One</li><li>Two</li><li>Three</li></ul>
<ul class="work"><li>Four</li><li>Five</li><li>Six</li></ul>

据我所知，textarea在输入文本时始终处于焦点状态（我将其用于移动设备，但随后为所有浏览器启用）。

Answer 1

我正在NVDA测试页面上使用jQuery Terminal进行测试。有/pageHeader.css我添加了<div class="terminal-output">属性，我的屏幕阅读器正在读取添加到role="alert"的所有文字内容。

但是，它实际上取决于您实际想要通过可访问性实现的目标。您希望屏幕阅读器实际阅读什么？你需要进行实验，但要看一下咏叹调的角色和方法来标注你希望读者阅读并呈现给你的用户的东西。

查看我的屏幕阅读器日志以及它如何读出“控制台”窗口中包含的内容：