我正在开发一个显示聊天列表并需要将聊天放入虚拟缓冲区的应用程序。聊天内容可以简单到一行文字,也可以复杂到文字加链接加图片。没有role=document
,它不在缓冲区中,但role=document
JAWS 在读取内容时读取“可点击”(按下向下箭头后)。内容不可点击,我不知道如何阻止它被阅读。
下面是一个布局示例:
<div role="application" class="mainViewContainer">
<ul class="mainViewContent">
<li tabindex="0" class="chatViewContainer">
<div tabindex="-1" class="chatHeaderContainer">
<span class="offscreen" id="chat1">Chat content</span>
<div role="document" tabindex="0" class="chatContent" aria-labelledby="chat1">
Here's a message, huzzah!
</div>
</div>
</li>
<li tabindex="0" class="chatViewContainer">
<div tabindex="-1" class="chatHeaderContainer">
<span class="offscreen" id="chat2">Chat content</span>
<div role="document" tabindex="0" class="chatContent" aria-labelledby="chat2">
<div class="chatText>Document <a href="/link/artifact=12121">documentName.jpg</a> created </div>
<div class="documentView">
<img title="documentName.jpg" src="imgsrc">
<div class="documentItemDetails">
<a href="/link/artifact=12121&viewMode=EXPANDED" class="documentName">documentName.jpg</a>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
关于如何使chatContent
div 没有 JAWS 读取的“可点击”的任何想法?
我在 Windows 7 上使用 JAWS 版本 15.0.6025(我相信它是最新版本)和 FF 26 看到了这一点。