1

JAWSスクリーンリーダーを使用してページでJQuery折りたたみプラグインをテストしていますが、リンクをクリックして非表示のデータを表示し、pキーワードを使用すると、非表示のデータの外側にある次の要素が読み取られます。

Chrome（最新バージョン）、Firefox 11、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').collapsible();プラグインをトリガーするために使用しています。

私がここで欠けているものは何ですか？

4

1 に答える 1

0

pキーワードで明確にできますか？フィラメントリンクをスキミングして、次のことを試してみます。

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

キャプションはテーブルにタイトルを付けます。要約とタイトルに同じ値を付けるのは良くありません。例として行っただけだと思います。これは、表、見出しレベル4、私のデータ、私のデータ、[表を読み続ける]として発表されます。

<h4>表示/非表示を正しく行うには、divをラップする必要がある場合があります。

新しいソリューション

HTMLタグではなくIDを関数にフィードしているようです。試す： $('h4').collapsible();

于 2012-04-16T15:59:36.350 に答える