web-dev-qa-db-ja.com

アクセス可能なモーダルウィンドウの見出しレベル

Webモーダルウィンドウで見出しを使用するための最も適切なアクセス可能な方法は何ですか?モーダル自体は完全にアクセス可能です(すでに試してみました)が、モーダルの見出しとしてh1とh2のどちらを使用するかわかりませんか?

代替1:ユーザーに表示されるのはモーダルの情報だけなので、h1を使用します。

代替2:文書にはすでにh1-labelがあるため、h2を使用します。 HTML文書には、ページごとに1つのh1見出しのみが含まれます。

私は個人的にはalt 1が進むべき道だと思っていますが、これについていくつかのセカンドオピニオンが必要です。

4
Ilias Bennani

h1 canページで複数回使用できます。 h1は、要素が特定のコンテンツの主要なタイトルであることを示すためにあります。例:タイトル、プレビュー画像、短い説明を含むカードのグループがある場合、すべてのカードのタイトルにh1を使用することは完全に問題ありません。

あなたのモーダルに戻ると、それがモーダルのメイン(そしておそらく唯一の)タイトルになるので、選択肢1は行くべき道だと思います。

5
JimyPP