アクセシビリティ:サイトの構造を整える
3分
サイトの階層(構造)は、ウェブブラウザと画像読み上げソフト(スクリーンリーダー)にサイトコンテンツの構成方法を理解してもらうために役立ちます。サイトのテキストに見出しタグを追加することで、サイトの順序における位置を示し、訪問者に明確な体験を提供することができます。
テキストを準備する際の推奨事項
サイトテキストを準備する際は、以下のガイドラインに注意することをおすすめします:
- テキストに見出しタグを使用する:すべてのページには H1 見出しがあり、それに続いて各ページの見出しタグは連続している必要があります。たとえば、ページのメインの見出しが H1 タグの場合、サブタイトルは H2 となります。これは、視覚障がいのある訪問者が論理的な順序でコンテンツを切り替えることができるようにするためです。
- 見出しはわかりやすいものにする必要がある:見出しは以下のテキストのラベルと考えてください(これは SEO にとっても重要です)。
- 間隔は重要です:テキストを編集する際、見出しを複数の行に分割する場合は、「Enter」キーの代わりに、「Shift + Enter」キーを使用して改行を挿入してください。そうすると、各行がそれぞれ別個の見出しとして作成されます。
- ページ本文に見出しを追加する:サイトヘッダーに追加された H1 は、ヘッダーが表示されているすべてのページに表示されます。そのため、ページ本文に見出しを追加することをおすすめします。
ヒント:追加ページのない 1ページサイトの場合は、この推奨事項は無視してください。
テキストに見出しタグを追加する
サイトテキストに見出しタグを追加して、その階層を定義します。エディタでテキストの設定 / デザインからタグを設定するか、アクセシビリティウィザードで選択することができます(Wix エディタサイトのみ)。
Wix Studio エディタ
Wix エディタ
アクセシビリティ設定
- エディタ右上の「要素設定パネルを開く」アイコン
をクリックします。
- 「デザイン」タブ
をクリックします。
- ドロップダウンメニューから見出しタグを選択します。

参考:
ウェブページのコンテンツは、サイトページの DOM 順序で「読み取り」されます。この順序を確認し、必要に応じて調整することができます。サイトの順序を整理する方法はこちら
次のステップ:
アクセシビリティチェックリストに戻り、サイトのアクセシビリティを向上させましょう。