2016-10-21 13 views
2

私たちはスティッキーヘッダー付きの角スマートテーブルを使用していますが、JAWSナレーターはそれを読むことができません。JAWS not reading table

テーブルを一覧表示するためにcntrl + INST + Tを押すと、テーブルが見つかりません。

はここでサンプルhttp://plnkr.co/edit/GIeXoF?p=preview

これが原因CSSクラスdisplay: flex;であるかもしれないです。

JAWSが修正ヘッダースマートテーブルを持つテーブルを読み取るようにこの問題を修正するにはどうすればよいですか?

答えて

2

あなた自身の質問に答えました。はい、display:flexは、スクリーンリーダーの観点からテーブルがテーブルにならないようにします。

解決策は明らかです。display:flexを使用しないでください。 display:tableを使用することも、displayスタイルを持たないこともできます(テーブルによって親要素からdisplayが継承されない限り)。

私は現時点ではプランカの例が機能していないので、再生できません。http://lorenzofox3.github.io/smart-table-website/です。私は後でテーブルと異なるdisplayを取得する方法があるかどうかを試してみる必要があります。

+0

昨日、なぜplunkerやgithubに行けなかったのか分かりませんが、コードが検査できるようになりました。 style.cssはあなたの大胆な例のどこから来たのですか?それは実際にディスプレイを持っています:それにフレックス。私は他の粘り気のある例を見て、いくつかを見つけました。彼らはすべてdisplay:tableを持っているので、スクリーンリーダーはそれらを適切にアナウンスします。 – slugolicious

+0

Gitと他のサイトはDDoS DNS攻撃の影響を受けていました。多くのサイトへのルックアップは壊れていました。 – aardrian

+0

@slugoliciousさんへの返信ありがとうございます。はい、私はdisplay:tableを使用しようとしましたが、テーブルのレイアウトに支障をきたしました。いくつかのオプションを試してみましょう。 – user3249448