表の概要とキャプションは同じであってはなりません
Start building more accessible experiences
Axe DevTools Pro helps dev teams find and fix up to 80% of accessibility issues while coding. No experience required. Get started with your free trial today.
Compliance Data & Impact
Disabilities Affected
- 盲目
- 盲ろう者
Standard(s)
- Deque Best Practice
修正方法
このルールは、要約とキャプションのテキストが同一であるテーブルをチェックします。この問題を解決するには、 summary 属性と <caption> 要素の内容が同一でないことを確認してください。
スクリーン リーダーのユーザーが表形式のデータを理解できるようにするには、次の操作を行います。
- 画面上のタイトルには
<caption>要素を使用します。 -
テーブル構造を説明するには、スクリーン リーダーでのみ読み取られる
summary属性を使用します。
なぜ重要なのか
スクリーン リーダーには、テーブルを読み上げるための特別な方法があります。テーブルが適切にマークアップされていない場合、スクリーン リーダーの出力が混乱したり不正確になったりする可能性があります。
表の概要とキャプションのテキストが同じである場合、スクリーン リーダーのユーザーは混乱し、表の名前と目的を把握するのが難しくなる可能性があります。
ルールの説明
データ テーブルのマークアップは面倒でわかりにくいです。キャプションとサマリー属性が同一ではないことを確認してください。スクリーン リーダーにはテーブル ナビゲーションを管理する機能がいくつかありますが、これらの機能が正しく動作するにはテーブルを正確にマークアップする必要があります。
仕組みについて (簡単に言うと)
サマリーとキャプションの両方を持つデータ テーブルに、それぞれ同じテキストが含まれていることを確認します。
リソース
axe 4.10 ルールの一覧 を参照する
この情報は役に立ちましたか?
すでにフィードバックをいただきました、ありがとうございます。.
あなたの回答は次のとおりです。
この情報は役に立ちましたか?
フィードバックが提出された日付/時刻:
フィードバックが提出された日付/時刻: