Jquery Firefox和Chrome，试图使用可访问的折叠内容

我正在使用JAWS屏幕阅读器在我的页面中测试，但是当我点击链接显示隐藏数据并使用p关键字时，隐藏数据之外的下一个元素被读取

我在Chrome最新版本Firefox11和InternetExplorer8中进行了测试。只有IE能正确读取数据

我在链接中尝试了演示，效果很好

我的标记是：

<div class='well' id="dialogDadosFuncionario" aria-describedby="dialogDescription">
  <div role="group" aria-describedby="dialogDescription">
    <h4 id="dialogDescription">
      My Data
    </h4>
    <table summary='My data...'>
    ...
    </table>
  </div>
</div>
<!-- In Chrome and FF this table is readed instead of the table above -->
<table summary='something...'>
</table>

我使用$'dialogDescription'。可折叠；触发插件

---

我在这里遗漏了什么？

你能用p关键字澄清一下吗？我浏览了灯丝链接，并尝试以下操作：

<table summary="My Data">
  <capton>
   <h4 class="...">My Data</h4> <!--use the hide/show classes -->
  </caption>
...
</table>

标题将标题放在表格上。将摘要和标题赋予相同的值是不好的，我假设您只是出于示例目的而这样做的。这将被宣布为表格，标题4，我的数据，我的数据，[继续阅读表格]

为了正确显示/隐藏，可能需要在周围环绕一个div

新解决方案

---

看起来您正在向函数提供ID，而不是HTML标记。Try:$'h4'。可折叠

嗨，瑞安。谢谢你的回复！p关键字用于按页面顺序读取下一个内容。所以在我的示例中，我希望屏幕阅读器读取我的表数据，但读取表中的某些内容。如果我在标题中添加了一个h4，并将其用作可折叠的，那么插件将中断，并且显示/隐藏对表不起作用。哦，好的，如果用户使用屏幕阅读器，您希望用户使用p热键。p热键实际上跳到下一个或HTML段落标记。因为在您的示例中，所有内容都是表或表，所以它将跳过所有内容。您是否尝试过删除？使用p Jaws阅读下一个文本，它不需要是段落。在我的示例中，读者跳到第二个表格，我试图让他跳到后面的第一个表格。有趣的是，我想知道Freedom scientific是否改变了什么，因为它过去忽略了

中的文本以外的所有文本。我尝试了你的第二个解决方案。这不会改变任何东西，因为这只是选择可折叠元素的方式。。。