アクセシビリティ:サイトの構造を整える

読了時間:2分
サイトの階層(つまりその構造)は、ウェブブラウザやスクリーンリーダーがサイトの構成やコンテンツの表示方法を理解するのに役立ちます。

見出しにタグを追加して、第1レベルの見出し(H1)、第2レベルの見出し(H2)などを示すことができます。詳細はこちらをご覧ください。

テキストを準備する際は以下の推奨事項に従ってください:

  • テキストに見出しタグを使用する:すべてのページには H1 見出しがあり、それに続いて各ページの見出しタグは連続している必要があります。たとえば、ページのメインの見出しが H1 タグの場合、サブタイトルは H2 となります。これは、視覚障がいのある訪問者が論理的な順序でコンテンツを切り替えることができるようにするためです。
  • 見出しはわかりやすいものにする必要がある:見出しは以下のテキストのラベルと考えてください(これは SEO にとっても重要です)。
  • 間隔は重要です:テキストを編集する際、見出しを複数の行に分割する場合は、「Enter」キーの代わりに、「Shift + Enter」キーを使用して改行を挿入してください。そうすると、各行がそれぞれ別個の見出しとして作成されます。
  • ページ本文に見出しを追加する:サイトヘッダーに追加された H1 は、ヘッダーが表示されているすべてのページに表示されます。そのため、ページ本文に見出しを追加することをおすすめします。
    ヒント:追加ページのない 1ページサイトの場合は、この推奨事項は無視してください。
次のステップ:
アクセシビリティチェックリストに戻り、サイトのアクセシビリティを向上させましょう。

お役に立ちましたか?

|