3

Web アプリケーションの多くのページの上部には、エラー メッセージと通知、[保存] などのボタン、そしてコンテンツタイトルを含む h1 タグがあります。Web アプリケーションをアクセシビリティ対応にする場合、ここで行っているように、トップレベルの構造タグの上にコンテンツを配置することは許容されますか?

4

5 に答える 5

5

スクリーン リーダーのユーザーとして、メインの見出しより上のコンテンツは好きではありません。通常、見出しでナビゲートするため、エラーメッセージを見逃す可能性があります。より良い解決策は、エラー メッセージの上に h1 見出しを出力し、残りの見出しはそのままにして、2 つの h1 見出しを作成することです。

于 2009-03-03T15:29:02.227 に答える
2

はい（それらの上に物を置くことができます）。H は単に見出しを意味します。それは、見出しが何に関係しているのかという問題だと思います。

私の唯一の注意点は、H2 が実際には H1 を超えてはならず、H3 が H2 を超えてはならないということです。しかし、それが実際のルールだとは思いません。ウェブサイトには、メニュー、警告、通知があります。それらをコンテンツの残りの上に配置してもかまいません。コンテンツが論理的に並べられている限り、アクセシビリティにどのように影響するかわかりません。CSS がオフになっているページを見てください。論理的に見えますか？それがアクセシビリティの最も重要な部分です。

一部の人々はさらに一歩進んで、メニューをマークアップの最後の項目として持ち、CSS を使用してそれを一番上に戻します。個人的には、その解決策は非生産的だと思います。メニューは依然として重要で、ページの上部にあります。

于 2009-03-03T14:56:09.997 に答える
1

はい、ユーザーが情報を取得するのはその順序であると考えてください。したがって、操作を行ったばかりの場合は、最初にそれに関連するメッセージを取得することをお勧めします。あなたがしていることと関係のないページに表示される通知であれば、少し奇妙かもしれないので、上には載せません。また、スタイルを使用しないテキスト ブラウザを使用することもできます。適切なヘッダーを持つドキュメントのように見えるはずです。

于 2009-03-03T15:11:18.650 に答える
0

見出しの上の要素は JavaScript で使用されていると思います。その場合は、ページのソースに含めず、JavaScript で作成した方が望ましいです。

元の質問に戻るには、ページの下部にあるのがおそらく最善です。ただし、CSS の「display: none;」を使用して非表示にすると、または「可視性：非表示;」ほとんどの (おそらくすべての?) スクリーンリーダーやその他の多くの支援技術では表示されないため、問題にはなりません。アクセシビリティ技術がそのような要素を無視する理由について、かなり詳細な説明を書きました。

もちろん、誰かが CSS を無効にすると、かなり面倒に見えます。CSS や JavaScript が無効になっている場合でも使用できるコンテンツがページにある場合は、それらの要素をページの下部に配置すると、少なくとも混乱が少なくなります。

于 2009-06-04T14:27:50.830 に答える
0

見出しタグは、その下のコンテンツの階層を示すために使用されます。h1 タグは 1 つだけにして、ページに表示される最初のコンテンツにする必要があります (通常、これはサイトの名前です)。また、コンテンツのさまざまな層をドリルダウンするときに、見出しタグをスキップしないでください。

あなたの場合、HTML で正しい順序である限り、CSS を使用して h1 タグの上にアイテムを配置できます。

于 2009-03-03T16:00:45.990 に答える