アクセシビリティ：サイトの DOM 順序を確認・調整する

サイトの DOM 順序は、スクリーンリーダーと Tab キーがハイライトしたり、ページのコンテンツを「読む」順序です。訪問者がサイト上で最高の体験ができ、コンテンツを操作して楽しむことができるように、論理的な順序に従う必要があります。

サイトの DOM とは、サイトページ上の要素の読み込みや読み取りの順序を指します。Wix は要素の視覚的な順序に基づいて、DOM 順序を自動的に設定します。通常は左から右、上から下の順となります。アクセシビリティツールを開発する際、Wix では以下のスクリーンリーダーを使用して製品をテストしています：

これはつまり、上記のアプリケーションの機能を考慮して、サイトの自動 DOM 順序を作成したことを意味します。

サイト訪問者の中には、スクリーンリーダーやその他の支援技術を使用してサイト内を移動する方もいます。これらの技術は、サイトのコンテンツをスキャンし、訪問者に音声で再生することで、視覚障がいのある方を支援します。

スクリーンリーダーを使用する訪問者や、運動機能に制約事項のある訪問者は、Tab キーを使用してサイトのコンテンツ内を移動する場合があります。Tab キーやスクリーンリーダーを使用している訪問者はサイトページを論理的な順序で移動する必要があるため、サイトの DOM 順序は重要な役割を果たします。

たとえば、サイトメニューが最初に来て、次にヘッダー内の残りのパーツ、ページタイトル、ページコンテンツなどとなるべきです。サイトの DOM 順序が正しくない場合、スクリーンリーダーや Tab キーがページのコンテンツをスキップしたり、上下に移動してしまったりする可能性があります。

Wix Studio エディタで作業している際、アクセシビリティウィザードで DOM 順序を自動的に整理するオプションが表示される場合があります。このオプションを選択すると、ウィザードでスキャンした内容が正確になるため、このオプションを選択することをおすすめします。

サイトの DOM 順序が論理的ではない場合は、訪問者のエクスペリエンスを向上させるために、DOM 順序を変更することをおすすめします。

アクセシビリティウィザードとレイヤーパネルで、Wix エディタサイトの DOM を変更します。Wix Studio エディタでサイトを構築している場合は、サイトの「レイヤー」パネルと「ページ」パネルで順序を調整できます。