2016-12-10 6 views
0

私はプロジェクトのWebページ上で働いており、現在、我々はスクリーンリーダーが(私はNVDAでテストしています)、テーブルの最初の項目に焦点を当ててcontent.Whenのレイアウトを制御するために、テーブルを使用している、それは話します"7行3列のテーブル"を読み込み、項目を読み込みます。テーブル情報を読んでから、スクリーンリーダーを防止するための方法はありますか?

<table role="presentation"> 
    <tr> 
     <td tabindex="0" class="bold">Item</td> 
    </tr> 
</table> 

スクリーンリーダーがテーブル情報を話すのを防ぐ方法はありますか?私はプレゼンテーションに役割を設定しようとしたが、それはまだそれを話す。私は、レイアウトを設計する手段として、テーブルを使用することは悪い習慣です知っているが、これはプロトタイプのためです。 URLを提供

おかげ

+2

「が、これはプロトタイプのためである」これがひどく、「それだけで一時的だ」のような何かを言うそれらの人々のように聞こえます。ちょうどあなたのhtmlを修正してください。 – PeeHaa

+1

レイアウト用にテーブルを使用することには何も問題はありません。テキストサイズを大きくすると(wcag 1.4.4)、テキストが正しくリフローされ、テキストが切り捨てられないように応答するようにしてください。 tabindexを使っても大丈夫です。そしてあなたは正しくrole = presentationを使っています。その役割が指定されている場合は、テーブルではないことをスクリーンリーダーは知らせてはいけません。そうであれば、読者にはバグがあります。あなたが掲示した限られた情報から、あなたはすべてを正しく行っています。 – slugolicious

答えて

0

は、私たちはあなたが聞くものを聞くためにそれをテストすることができるようになります。使用しているNVDAのバージョンを教えてください。彼らは彼らのアクセシビリティAPIを介して異なるものを公開して、使用しているブラウザを知ることも非常に重要です。だから、次のことをお知らせください:テスト用

  1. URL、
  2. あなたは
  3. 、あなたはNVDAを使用しているWebブラウザを使用しているNVDAのバージョン。それはこれらの組み合わせのためによく行う必要があり、そのサイト毎の

    :互換性の期待については

は、(最後の2016年10月に更新)便利なチャートの追跡に問題があります:

良い:NVDAからの安定性 - OK NVDA 2014.1からNVDA 2016.2

グッド:安定FFとNVDA - OK NVDA 2014.1からNVDA 2016.2

にも、私はセルにtabindexを参照してください。スクリーンリーダーのユーザーは、コンテンツにアクセスする必要はありません。それを削除すると、NVDAは動作しますか?二つの全体的な勧告

  1. もプロトタイピングのために、レイアウトにテーブルを使用しないでください。
  2. あなたも本当にそれ対話制御作るために必要なすべての役割やキーボード操作を追加している場合を除き、すべてのtabindexを削除します。
+0

社内ネットワークにのみ存在するため、URLを入力できません。私はNVDA 2016.3とIE 11を使用しています – TheSilas

+0

コードでCodePen/JSBinデモを作成できますか? 'tabindex'を削除しようとしましたか? – aardrian

+0

https://jsbin.com/yefapavuqi/edit?html tabindexを削除しようとしましたが、そうでないと、ユーザーはセル内の項目にタブすることができないため、必要があります。リンクされたWebページは、chromeでは完全に正常に動作しますが、IEでは正常に動作しません。この問題はIEの奇抜なことかもしれませんか? – TheSilas

関連する問題