1

我正在使用 JAWS 屏幕阅读器在我的页面中测试JQuery 可折叠插件，但是当我单击链接以显示隐藏数据并使用p关键字时，会读取隐藏数据之外的下一个元素。

我在 Chrome（最新版本）、Firefox 11 和 Internet Explorer 8 中进行了测试。只有 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').collapsible();用来触发插件。

我在这里缺少什么？

4

1 回答 1

0

你能用 p 关键字澄清一下吗？我浏览了长丝链接，我会尝试以下方法：

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

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

您可能需要在 div 周围包裹一个 div<h4>才能正确显示/隐藏。

新解决方案

看起来您正在为函数提供 ID 而不是 HTML 标记。尝试： $('h4').collapsible();

于 2012-04-16T15:59:36.350 回答