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