3

これは政府の財務表なので、列を並べ替えることができません。最初の列はアカウント コード、2 番目の列はアカウントの名前です。私が行った場合:

<thead><tr><th scope="col">Account Code</th><th scope="col">Account Name</th></tr></thead>
<tbody><tr><td>12345</td><th scope="row">Fish and Wildlife</th></tr>
...
</tbody>

その上でバリデーションが行われ、スクリーン リーダーはそれを正しく解析しますか?

4

4 に答える 4

3

仕様では、th を表の行の最初の列として表示する必要性を指定していないため、必要な場所に th を配置できるはずです。

Table cells may either contain "header" information (see the TH element) or "data" (see the TD element). 

HTML w3 仕様

于 2012-10-18T19:57:00.830 に答える
2

大丈夫だよ。HTML5仕様の例はそのようなものです。

ただし、セルはその右側のセル<th scope="row">のヘッダーにすぎず、左側のセル(つまりアカウントコード)のヘッダーではないことに注意してください。tdtd

headers各アカウントコードに属性を追加して、同じ行tdのアカウント名を指すようにすることもできthますが、各行のアカウント名に一意のIDを割り当てる必要がありますth

于 2012-10-18T20:07:12.807 に答える
2

<th>は「ヘッダー セル」を示すだけで、コンテンツに応じて に存在<thead>でき<tbody>ます<tfoot>

<thead>セル内およびセル内に列ヘッダーが<th>あるため、指定したマークアップはスキーマが正しく、アクセシビリティ ガイドラインに準拠しています。コードに問題はありません。

于 2012-10-18T19:56:11.627 に答える
0

このドキュメントをw3 バリデーターで実行したところ、問題なく表示されました。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>I AM YOUR DOCUMENT TITLE REPLACE ME</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
</head>
<body>
<div>
<table>
<thead><tr><th scope="col">Account Code</th><th scope="col">Account Name</th></tr></thead>
<tbody><tr><td>12345</td><th scope="row">Fish and Wildlife</th></tr>
</tbody>
</table>
</div>
</body>
</html>

ドキュメントに貼り付けているため、チェックできないcharエンコーディング以外。

于 2012-10-18T19:53:44.447 に答える