テーブルの適切な見出し

Question

セマンティクスの問題。基本的に1つの大きなテーブルであるHTMLページがある場合、ヘッダーにはどのような要素を使用しますか？

通常、ページの見出しにはh1、表の見出しにはcaptionを使用します。しかし、テーブルがページ上の唯一のものならどうでしょうか？両方を含むと、ちょっとばかげているようです。だから私はh1を使用し、captionについて忘れていますか、あるいはその逆ですか？

正式な（W3CまたはWHATWG）推奨事項はありますか？もしそうなら、私はそれらを見つけることができません。

PSこの質問のために、表が表形式のデータで満たされているとします。

Answer 1

このような状況で使用するには実際には標準もありません。見た目が良く、ページに適した感じのものを選ぶのが最良です。あなたが言ったように、どちらも馬鹿に見えるので、ちょうど良いものを使用してください。それでも、いつでもCSSでCSSをカスタマイズして、h1やcaptionのように見えるようにすることができます。

要素は特定の目的に使用される傾向があり、特定の目的を持つ要素もありますが、h1などの視覚的な要素は標準化されていません。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element

Answer 2

表のキャプションは、自由形式のコンテンツを含めることができます。見出し要素のタイトルを残して、caption要素内に表の説明を含めることができます。それはまったく奇妙に見えません。

caption要素のspecは例が含ま：要約書に

、このテーブルは明らかではありません。しかし、（メイン散文で参考のために）テーブルの番号を与えて、その使用を説明するキャプションで、それがより理にかなって：

<caption> 
<p>Table 1. 
<p>This table shows the total score obtained from rolling two 
six-sided dice. The first row represents the value of the first die, 
the first column the value of the second die. The total is given in 
the cell that corresponds to the values of the two dice. 
</caption> 

表は自明であるならば、あなたはキャプションを残すことができますしかし、私はまだドキュメントレベルの見出しを持つことをお勧めします。 captionは役割を果たさないが（特に文書のタイトルであっても、title要素はない）、見出しは文書の概要の重要な部分である。とにかく実際のアウトライン実装は存在しませんが、ドキュメントレベルの見出しを持つことは間違いありません。

Answer 3

私は懸念しているのは、スクリーンリーダーのユーザーにどのように表示されるのかということです。

それはthe caption element gets exposed by some platform accessibility APIs in a special way（例えば、IA2_RELATION_LABEL_FORとIA2_ROLE_CAPTIONとしてIAccessible2のAPIの）ようだが、それらのすべてに（例えば、AppleのAXのAPIはそれでとても特別な何かをしていないようだ）ではありません。

これに対して、h1 and all other headings always get exposed with a heading roleと考えています。スクリーンリーダーは、すべての見出しを一貫して公開し、文書内でのナビゲーションを容易にします。

だから私はcaptionとh1の間、スクリーン・リーダーのユーザーのためかもしれないと思う：コンテキストでの質問は説明し、文書が1とされていない他のを持っているために起こっているならば、それはそれはh1ことがおそらく最善です。