ウェブアプリケーションの多くのページの上部には、エラーメッセージと通知、「保存」とその他のボタンがあり、、次に h1タグがコンテンツタイトル付きです。 Webアプリケーションをアクセシブルにする場合、トップレベルの構造タグの上にコンテンツを置くことは、私たちがここで行うように受け入れられますか?ウェブアクセシビリティとh1-h6見出し - すべてのコンテンツはこれらのタグの下にある必要がありますか?
答えて
はい(それらの上に置くことができます)。 Hは単に見出しを意味します。それは私が推測する見出しとは何かの問題です。
私の唯一の注意点は、H2は実際にはH1より上にあってはならず、H3はH2より上ではいけません。しかし、私はそれが実際のルールだとは思わない。ウェブサイトにはメニュー、警告、通知がある。それらをコンテンツの残りの部分に配置することは可能です。あなたのコンテンツが論理的に注文されている限り、どのようにアクセシビリティに影響するかはわかりません。 CSSがオフになっているページを見てください。論理的に見えますか?それがアクセシビリティの最も重要な部分です。
マークアップの最後の項目としてメニューがあり、CSSを使用してトップに戻す人もいますが個人的には、その解決策は生産的であることがわかります。メニューはまだ重要です。メニューはページの上部にあります。
はい、ユーザーが情報を取得するのと同じ順序であると考えてください。だから、ちょうど操作をした場合、それに関連するメッセージを最初のものとして得るのは良い考えのように思えます。あなたがやっていることと無関係なページに表示される通知であれば、それはちょっと変わったかもしれないので、上には載せません。 また、スタイルを使用しないテキストブラウザを使用することもできます。適切なヘッダーを持つドキュメントのように見えるはずです。
スクリーンリーダーのユーザーは、メイン見出しの上にあるコンテンツは好きではありません。通常、見出しによってナビゲートするので、エラーメッセージが表示されません。より良い解決策は、エラーメッセージの上にh1見出しを出力し、残りの見出しをそのままにして、2つの見出しを与えます。
見出しタグは、その下位のコンテンツの階層を示すために使用されます。 1つのh1タグしか持たず、ページに表示する最初のコンテンツでなければなりません(これは通常、サイトの名前です)。また、異なる層のコンテンツをドリルダウンするときに見出しタグをスキップしないでください。
あなたの場合でも、htmlの正しい順序である限り、CSSを使用してh1タグの上にアイテムを配置することはできます。
見出しの上にある要素はJavaScriptで使用されているものとします。その場合、ページのソースには含まれていないJavaScriptで作成された方がよいでしょう。
元の質問に戻るには、おそらくページの足元にあることをお勧めします。ただし、CSSを使用して非表示にしている場合は、 "display:none;"または「可視性:隠し;」プロパティは、大部分の(おそらく全ての)スクリーンリーダーや他の多くの支援技術では見られないので、問題ではありません。私はかなり詳細explanation of why accessibility technology ignores such elementsを書いた。
もちろん、誰かがCSSを無効にすると、かなり面倒に見えます。 CSSやJavaScriptが無効になっていても使用できるコンテンツがページにある場合、それらの要素をページの最下部に置くことは、少なくとも物事を混乱させないようにします。
- 1. 見出しのdiv画像は、下の奥に表示する必要があります
- 2. サイトのマスターヘッダーにこれらのHTML5タグがすべて必要ですか?
- 3. ファンシーボックス内のコンテンツは応答する必要があります
- 4. グループ見出しと以下のデータがあります。 sql
- 5. alertdialogboxは画面の下部からポップアップする必要がありますか?
- 6. すべてのWebアプリケーションコードがUTF-8であることを確認する必要がありますか?
- 7. "{"が見つかりましたが、 "("ブロックステートメントは "{"と "}"に囲まれている必要があります
- 8. このフィールドはvolatileにする必要がありますか?
- 9. x、y座標を指定すると、その下にあるすべてのhtml要素を見つける必要があります
- 10. 下記のファイルから何かを取得する必要があります
- 11. border-radiusでコンテンツをクリップする必要がありますか?
- 12. なぜこのUIAlertViewを3回却下する必要がありますか?
- 13. GCCマクロはどのヘッダに格納されていますか?これらのファイルからタグを作成する必要がありました
- 14. リポジトリは別のリポジトリを呼び出す必要がありますか?あるいは、リポジトリがサービス層を呼び出す必要がありますか?
- 15. 私はこれらのAndroidのアイコンがどこから来たのか知る必要があります!
- 16. NSMutableArray removeObjectAtIndexしかし、私は下に移動する必要があります
- 17. このプログラムストリップは検索されたディレクトリを出力しますが、見つからない場合はメッセージを出力する必要があります
- 18. ここにブロックをコピーする必要がありますか?
- 19. MVC:ほぼすべてのコンテンツがモデルで生成されます。その他のコンテンツのビューを使用する必要がありますか?
- 20. HTMLでmetaタグとlinkタグを閉じる必要がありますか?
- 21. BSTでは、2つのノードがランダムにスワップされます。これらの2つのノードを見つけ出し、スワップする必要があります。
- 22. プロパティのコンテンツは、あなたがそれをラップする必要があります...もっと一度
- 23. あるプロセスから別のプロセスにpingする必要があります
- 24. Eclipse JDTの使用 - これはプラグインからのものである必要がありますか?
- 25. ここで重要なのは使用する必要がありますか?
- 26. ASP.NET用のカスタムCASポリシーはどこにある必要がありますか?
- 27. /adminパスの下にあるものはどのように認証する必要がありますか?
- 28. EditTextからコンテンツを取得してURLに配置するのに役立つ必要があります
- 29. ブーストコンパイルに必要なすべてのブーストDLLと.libファイルはありますか?
- 30. すべてのバインディングにURLACLを設定する必要がありますか?