web-dev-qa-db-ja.com

スクリーンリーダーにHTMLテーブルの「summary」属性を使用する代替手段は何ですか?

MDNのテーブル属性の概要 を参照してください

使用上の注意:この属性は使用しないでください。使用しないでください。代わりに、次のいずれかの方法を選択して、テーブルの説明を追加します。

  • テーブルの周りに散文を使用します(この方法はセマンティックではありません)。
  • テーブルの要素に説明を追加します。
  • テーブルの要素内の要素に説明を追加します。
  • 要素に要素を含め、その横に散文で説明を追加します。
  • 要素に要素を含め、要素内に散文の説明を追加します。
  • 説明が不要になるようにテーブルを調整します(例:useおよびelements)。

要約属性はスクリーンリーダーでは機能しますが、画面には表示されません。廃止されているため、他に何を使用できますか?

1
user20757

<caption>要素を使用することをお勧めします。 summary属性と非常に似た目的を果たします。

<caption>はデフォルトで表示されますが、 CSSを使用して画面外に配置する を使用すると、スクリーンリーダーのみに表示できます。

1
Josh