Ensures table headers have discernible text

ルールID: empty-table-header
ルールセット: axe-core 4.10
ユーザーへの影響: 軽微
ガイドライン: WCAG 2.1 (A), WCAG 2.0 (A)
 

Need accessibility training?

Deque University offers an extensive curriculum of self-guided online courses for every skillset and experience level.

Compliance Data & Impact

User Impact

軽微
Minor
Critical

Disabilities Affected

  • 視覚障害
  • ロービジョン

Standard(s)

  • WCAG 2.1 (A)
  • WCAG 2.0 (A)

WCAG 達成基準 [WCAG 2.1 (A)]

  • 1.3.1: 推奨: Info and Relationships

WCAG 達成基準 [WCAG 2.0 (A)]

  • 1.3.1: 推奨: Info and Relationships

修正方法

Correct markup solutions

Table header elements (those marked with <th> or role="rowheader" or role="columnheader") should have visible text that describes its purpose.

<table><tr><th>Student Name</th></tr></table>

Incorrect markup solutions

<table><tr><th></th></tr></table>

<table><tr><th aria-label="Student Name"></th></tr></table>

なぜ重要なのか

Table header elements should have visible text that describes the purpose of the row or column to both sighted users and screen reader users.

ルールの説明

Table header elements should have visible text. Ensure that the table header can be used by screen reader users. If the element is not a header, marking it up with a `td` is more appropriate.

仕組みについて (簡単に言うと)

Checks all table header elements to ensure that they have a visible text.

リソース

axe 4.10 ルールの一覧 を参照する

この情報は役に立ちましたか?

すでにフィードバックをいただきました、ありがとうございます。.

あなたの回答は次のとおりです。

この情報は役に立ちましたか?
フィードバックが提出された日付/時刻: