Wix Harmony エディタ：アクセシビリティウィザードを使用する

フォーカスインジケーターとは、訪問者がキーボードを使用してライブサイトを移動する際、ボタンやリンクなどのインタラクティブ要素の周りに表示される青い枠線のことを指します。

フォーカスインジケーターは、訪問者がページ上で自身の位置を視覚的に把握できるものであるため、サイトのアクセシビリティにとって非常に重要です。フォーカスインジケーターについての詳細はこちら

「メインコンテンツにスキップ」は、キーボードを使用する訪問者が、サイトの最上部にあるセクション（メニューやページ見出しなど）をスキップして、ページのメインコンテンツに直接移動できる機能です。

「メインコンテンツにスキップ」の機能は、訪問者が必要な情報に素早くアクセスできるようにするため、サイトのアクセシビリティにとって重要な役割を果たします。「メインコンテンツにスキップ」に関する詳細はこちら

サイトのメイン言語を設定すると、コンテンツを正確に伝えるための情報が支援技術に提供されます。これにより、支援技術が以下のことを行えるようになります：

そのため、これらの技術を使用する訪問者が最高のエクスペリエンスを享受できるよう、サイトのメイン言語を設定することが重要です。

サイトに Wix マルチリンガルを追加している場合、設定時に選択したメイン言語を変更することはできません。

ただし、以下を行うことは可能です：

サイトの DOM（Document Object Model）順序によって、ページ上のパーツが読み込まれる順序、およびスクリーンリーダーがパーツを読み取る順序や Tab キーを押した際に移動できる順番が決まります。

この DOM 順序は、サイトの言語方向と一致している必要があるため、ウィザードによってこの問題が検出された場合は、必ず正しい順序に修正するようにしてください。DOM 順序とアクセシビリティに関する詳細はこちら

注意：このタスクは、サイトの言語方向と DOM 順序が一致していない場合のみ表示されます。

ページのタイトルタグは、通常、検索エンジンが検索結果でページに表示するタイトルです。これは、ページに付けた名前とサイト名から取得されます。

タイトルタグに「新しいページ」（サイトに新しいページを追加した際のデフォルトの名前）、または「～のコピー」（ページを複製した際のデフォルトの名前）が含まれている場合は、アクセシビリティウィザードによってページのタイトルを変更するよう求められます。

ページのタイトルタグは、支援技術を使用する訪問者に、ページのコンテンツに関する重要な情報を提供します。最適なエクスペリエンスを確保するためには、ページタイトルは以下のように設定する必要があります：

ヒント：正確なページタイトルタグも、サイトの SEO にとって重要な要素です。

サイトの見出しタグは、ページ上のテキストコンテンツの階層構造を決める HTML コード内の要素です。この見出しタグは、上から順に見出し 1（h1）から見出し 6（h6）までで構成されます。

支援技術は、これらの見出しタグを使用して、ページコンテンツの順序を認識します。たとえば、スクリーンリーダーは最初に h1 タグのコンテンツを読み取り、次に h2、h3 タグのコンテンツを読み取ります。

そのため、これらの技術を使用する訪問者に明確で論理的なエクスペリエンスを提供するためには、正確な見出し構造が重要となります。

アクセシビリティウィザードでは、ほとんどの見出しタグを調整することができます。ただし、まだウィザードがサポートしていない一部のテキスト要素は、手動で見出しタグを調整する必要があります。

代替（alt）テキストは、ウェブページ上の画像をテキストで説明するためのものです。

訪問者の中には、スクリーンリーダーなどの支援技術を使用してサイト内を移動する方もいます。この際、スクリーンリーダーは代替テキストを含め、サイトのコンテンツを訪問者に読み上げます。

そのため、代替テキストは、これらの支援技術を使用する訪問者がコンテンツにアクセスし、画像の内容を理解するためには不可欠です。代替テキストとアクセシビリティに関する詳細はこちら

カラーコントラストは、2色間の明るさの差の尺度で、1:1（コントラストなし）から 21:1（高コントラスト）までの比率で表されます。コントラストが高いほど、サイトコンテンツの視認性が高くなります。

必要なコントラスト比は、要素の種類と達成したい WCAG（Web Content Accessibility Guidelines）のレベル（最低限の AA または高度の AAA ）によって異なります（英語）：

アクセシビリティウィザードでは、ほとんどのサイトコンテンツのコントラストを調整することができます。ただし、まだウィザードがサポートしていない一部の要素は、手動で調整する必要があります。カラーコントラストの調整に関する詳細はこちら

注意：現在、アクセシビリティウィザードでは、レベル AA のみが必要となります。

サイト訪問者の中には、視覚や聴覚に障がいのある方もいます。メディアファイルにアクセスできるように、代替手段（例：トランスクリプト、オーディオディスクリプションなど）を提供することで、コンテンツにアクセスした訪問者が、コンテンツを理解し、楽しむことができるようになります。代替メディアに関する詳細はこちら

DOM 順序とは、サイト上のパーツが読み込まれる順序のことを指し、これによってスクリーンリーダーなどの支援技術を使用する訪問者が移動できる順序も決まります。アクセシビリティウィザードを使用して DOM 順序を整理すると、パーツが読み取まれる順序と視覚的な順序を一致させることができます。DOM 順序とアクセシビリティに関する詳細はこちら

注意：このタスクは、1つ以上のページのセクションで、自動 DOM 順序の設定を無効にしている場合のみ表示されます。

他のページ、セクション、またはウェブサイトにリンクするテキストや要素は、できるだけ説明的なものにする必要があります。たとえば、「最新の調査に関する詳細はこちら」は、「続きを読む」よりも明確です。また、訪問者の操作が、フォームの送信などのアクションにつながるかどうかも明確にする必要があります。リンクの目的に関する WCAG（Web Content Accessibility Guidelines）の文書はこちら（英語）

色によって伝えられる情報には、パターン、フォントスタイル、アイコンなどの個別のインジケータも必要です。たとえば、リンクされたテキストには下線を付け、グラフには異なるパターンやテクスチャでデータを表示する必要があります。色の使用に関する WCAG（Web Content Accessibility Guidelines）の文書はこちら（英語）

画像内のテキスト（画像内の標識やスローガンの文字など）は、スクリーンリーダーで読み取ることはできません。可能な場合は、それらの画像を実際のテキストに置き換えることをおすすめします。

画像内のテキストがサイトのコンテンツとして重要な場合、または特定の情報を伝えるために不可欠な場合は、画像の代替テキストにその内容を含めてください。画像内のテキストに関する詳細はこちら

一部の動画プレーヤーやオーディオプレーヤーは、ページが読み込まれると自動的にメディアが再生されるように設定されています。ただし、これは訪問者を驚かせたり、支援技術に影響を与える可能性があります。たとえば、自動的に再生が開始されるオーディオプレーヤーの場合は、オーディオがスクリーンリーダーの読み上げよりも優先されてしまう恐れがあります。

そのため、自動再生されるプレーヤーの場合は、訪問者がメディアの再生を停止、一時停止、またはミュートできるようにしておくことをおすすめします。コントローラの追加に関する詳細はこちら

ブラウザをズームしても、サイト要素やコンポーネントは正しく表示される必要があります。これは、視覚障害のあるユーザーがサイトを拡大しても、ページのコンテンツがすべて表示されるようにするためです。これは、サイトをプレビューし、ブラウザのズームを 200％ に変更することで確認することができます。拡大したコンテンツの表示に関する詳細はこちら

ウェブアクセシビリティは、さまざまな国で法的に義務付けられています。そのため、お住まいの国や地域で法的に義務付けられていない場合でも、サイトにアクセシビリティステートメントを追加しておくことをおすすめします。これは、すべての訪問者が、あなたやクライアントのサイトを快適に閲覧できることを示すものでもあります。アクセシビリティステートメントに関する詳細はこちら

ウィザードが識別できないカラーコントラストがサイトにある可能性があります。すべてのサイトコンテンツが訪問者に明確に表示されるようにするには、サイトコンテンツのコントラストを手動で確認し、必要に応じて調整することをおすすめします。

ウィザードは、サイトのコンテンツのほとんどをスキャンします。これには、通常のサイトページとビジネスソリューションの一部であるページ（例：Wix ブッキングのカレンダーページ）が含まれます。
ただし、これらのページのコンテンツの一部には、手動での確認や修正が必要な場合があります。また、一部のサイトページはウィザードでスキャンされなかったり、サポートされていません。

アクセシビリティウィザードは、以下をサポートしていません：

チェックリストを使用して上記のページとアプリに目を通し、よりアクセスしやすくする方法を確認することをおすすめします。

アクセシビリティウィザードを使用した後も、訪問者にとってよりアクセスしやすいサイトにする方法はいくつかあります：