将role = document添加到div会导致JAWS读取“可点击”

时间:2014-01-29 18:14:41

标签: html5 wai-aria jaws-screen-reader

我正在开发一个显示聊天列表的应用程序,需要将聊天内容放入虚拟缓冲区。聊天内容可以像文本行一样简单,也可以像文本一样复杂,加上链接和图像。没有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阅读了?

我在JAWS版本15.0.6025(我相信这是最新版本)和Windows 7上的FF 26中看到了这一点。

1 个答案:

答案 0 :(得分:1)

我有同样的问题。显然,这是一种预期的行为,如this URL中所述。

  

可点击文字当您导航到其显示样式设置为可点击文本的网格单元格时,JAWS会读取相应的列标题文本,然后读取当前单元格的数据内容。

我希望这会有所帮助。