表のヘッダーテキストは空であってはなりません
Learn Web Accessibility
Subscribe to our extensive curriculum of online self-paced courses
Compliance Data & Impact
Disabilities Affected
- 盲目
- 視力低下
Standard(s)
- Deque Best Practice
修正方法
正しいマークアップソリューション
表のヘッダー要素 ( <th> または role="rowheader" または role="columnheader" でマークされている要素) には、その目的を説明するテキストが表示される必要があります。
<table><tr><th>Student Name</th></tr></table>誤ったマークアップソリューション
<table><tr><th></th></tr></table>
<table><tr><th aria-label="Student Name"></th></tr></table>なぜ重要なのか
表のヘッダー要素には、視覚のあるユーザーとスクリーン リーダーのユーザーの両方に行または列の目的を説明する表示可能なテキストが必要です。
ルールの説明
表のヘッダー要素には表示されるテキストが必要です。スクリーン リーダー ユーザーがテーブル ヘッダーを使用できることを確認します。要素がヘッダーでない場合は、 `td` タグを使用してマークアップする方が適切です。
仕組みについて (簡単に言うと)
すべてのテーブル ヘッダー要素をチェックして、表示可能なテキストがあることを確認します。
リソース
Deque University コースのページ (要登録)
関連するコース情報はありません。
axe 4.10 ルールの一覧 を参照する
この情報は役に立ちましたか?
すでにフィードバックをいただきました、ありがとうございます。.
あなたの回答は次のとおりです。
この情報は役に立ちましたか?
フィードバックが提出された日付/時刻:
フィードバックが提出された日付/時刻: