header-logo
Wix の使用方法を学び、サイトとビジネスを構築する。
直感的な Wix 機能でサイトをデザインして管理する。
定期購入、プラン、請求を管理する。
ビジネスを運営し、サイト会員とつながる。
ドメインの購入、サイトへの接続と移管方法を学ぶ。
ビジネスとウェブプレゼンスを成長させるツールを入手する。
SEO とマーケティングツールで知名度を上げる。
より効率的な作業を支援する高度な機能を利用する。
解決策や既知の問題について確認し、問い合わせる。
placeholder-preview-image
コースとチュートリアルでスキルを習得する。
ウェブデザインやマーケティングなどのヒントを得る。
検索エンジンからのトラフィックを増やす方法について学ぶ。
フルスタックプラットフォームでカスタムサイトを構築する。
あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image

Wix アプリ:コントラストチェッカー

3分
Wix コントラストチェッカーは、2色のコントラストレベルを確認できるアドオンです。サイトの色が特定の基準と対照的であることを確認することで、サイトのアクセシビリティを向上させることができます。
コントラストチェッカーは Web Content Accessibility Guidelines(WCAG)の推奨ガイドラインに従っています。これらのコントラスト比のガイドラインは、2つの色を十分に区別できるようにすることを目的としています。たとえば、テキストの色とテキストが配置されている背景の色です。
重要:
Wix コントラストチェッカーアドオンは Wix Studio でのみご利用いただけます。
Wix Studio エディタで「コントラストチェッカー」アドオンを表示しているスクリーンショット。
この記事では、以下の項目について説明します:

サイトにコントラストチェッカーを追加する

まず、Wix コントラストチェッカーをサイトに追加します。
以下の手順に従うか、Wix App Market に直接アクセスしてください。Wix Studio サイトを選択していることを確認してください。

コントラストチェッカーを追加する方法:

  1. Wix Studio エディタのサイトにアクセスします。
  2. 左上の Wix Studio アイコン  をクリックします。
  3. ツール」をクリックします。
  4. エディタのアドオン」をクリックします。
  5. アドオンを入手」をクリックします。
Wix Studio エディタ内のアドオンの場所を示したスクリーンショット。
  1. 「コントラストチェッカー」アドオンにマウスオーバーし、「追加」をクリックします。

よくある質問

Wix コントラストチェッカーの詳細については、以下の質問をクリックしてください。
Wix Studio エディタで「コントラストチェッカー」アドオンを表示しているスクリーンショット。
Wix Studio エディタ内のアドオンの場所を示したスクリーンショット。