アクセシビリティ：アクセシビリティウィザードを使用する

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

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

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

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

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

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

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

ただし、以下のことは可能です：

サイトの DOM（Document Object Model）順序により、ページ上の要素の「読み取り」順序が決まります。

サイト訪問者の中には、スクリーンリーダーやその他の支援技術を使用してサイト内を移動する方もいます。

たとえば、スクリーンリーダーはサイトのコンテンツをスキャンし、その内容を訪問者に「読み上げ」ます。これらの訪問者や運動機能に問題がある訪問者は、Tab キーを使用してサイトのコンテンツを移動することもできます。

そのため、サイトの 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 のみが必要となります。

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

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

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

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

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

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

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

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