4

次のようなデータテーブルがあります。

<table><thead>
<tr>
<th><input type="checkbox" /></th>
<th scope="col">Foo</th>
<th scope="col">Bar</th><tr>
</thead>
<tbody>
<tr><td><input type="checkbox" /></td><td scope="row">a</td><td>b</td></tr>
<tr><td><input type="checkbox" /></td><td scope="row">c</td><td>d</td></tr>
</tbody></table>

ヘッダーのチェックボックスで本文のすべてのチェックボックスを選択したい。選択を行うための Javascript を作成しましたが、正常に動作します。ただし、IE7 および IE8 (おそらく他のブラウザーですが、他のブラウザーをサポートする必要はありません) では、ヘッダーのチェックボックスがタブ フォーカスを取得しないため、508 で失敗しています。

すべてにタブインデックスを設定せずにこれを処理する方法はありますか?

4

3 に答える 3

2

Jukka がコメントで言ったように、これらはすべて必要labelsです。フォーム要素がない<label>場合、508 チェックは自動的に失敗します。それがスローされている本当のエラーかもしれませんが、どのツールが使用されているかを知る必要があります。

新しい質問に答えるには:

とにかく、ここでの本当の問題は、フォーカスが合わないことではなく、フォーカスが見えないことです。ラベルを追加しようとしましたが、それは役に立ちませんでした。また、TD にテキストを追加しようとしただけでも役に立ちませんでした。

ほとんどのブラウザーは、フォーカスを得ると、すべての要素の周りに 1 ピクセルの点線の境界線を配置します。スタイルシートを調べて、次のようなものを探しますoutline: none;。その行を削除するか、フォーカスを戻す新しいルールを追加する必要があります。

于 2012-11-28T13:55:21.577 に答える
0

問題は、開発チームと 508 コンプライアンス チェッカーの両方で、実際には不十分なコミュニケーションだったようです。私の唯一の言い訳は、ラップトップなしで感謝祭に出かけていたときに電話で起こったことです。

とにかく、ここでの本当の問題は、フォーカスが合わないことではなく、フォーカスが見えないことです。ラベルを追加しようとしましたが、それは役に立ちませんでした。TD にテキストを追加しようとしただけでも役に立ちませんでした。アヒルを一列に並べて、自分が何を求めているのか確信が持てたら、新しい質問をします。

助けてくれてありがとう。

于 2012-11-27T17:50:55.593 に答える
0

チェックボックスをタブで移動する機能と可視性の両方を実現したいとお考えですか。

チェックボックスには実際には「スタイル」がないため、チェックボックスのスタイルを変更する「オンフォーカス」イベントをJSで作成することはできません.Ryan Bが言及したことを保存してください...しかし、スタイルを変更する「オンフォーカス」イベントを作成できます上記の<div>チェックボックスを含む：

http://jsfiddle.net/ZuvbV/3/

ボックスをタブで移動すると、背景色が赤に変わります。

于 2012-11-30T00:42:46.880 に答える