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

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

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

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

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

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

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

サイトに 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％ に変更することで確認することができます。拡大したコンテンツの表示に関する詳細はこちら

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

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