Wix アプリ:コントラストチェッカー
読了時間:3分
Wix コントラストチェッカーは、2色のコントラストレベルを確認できるアドオンです。サイトの色が特定の基準と対照的であることを確認することで、サイトのアクセシビリティを向上させることができます。
コントラストチェッカーは Web Content Accessibility Guidelines(WCAG)の推奨ガイドラインに従っています。これらのコントラスト比のガイドラインは、2つの色を十分に区別できるようにすることを目的としています。たとえば、テキストの色とテキストが配置されている背景の色です。
重要:
Wix コントラストチェッカーアドオンは Wix Studio でのみご利用いただけます。
![Wix Studio エディタで「コントラストチェッカー」アドオンを表示しているスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/09/28/9d669187-c186-40a2-924c-238eac826171/030b8442-44e1-4d4e-8cba-690d75564365.jpg)
この記事では、以下の項目について説明します:
サイトにコントラストチェッカーを追加する
まず、Wix コントラストチェッカーをサイトに追加します。
以下の手順に従うか、Wix App Market に直接アクセスしてください。Wix Studio サイトを選択していることを確認してください。
コントラストチェッカーを追加する方法:
- Wix Studio エディタのサイトにアクセスします。
- 左上の Wix Studio アイコン
をクリックします。
- 「ツール」をクリックします。
- 「エディタのアドオン」をクリックします。
- 「アドオンを入手」をクリックします。
![Wix Studio エディタ内のアドオンの場所を示したスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/09/28/838280a7-f6d8-40b8-87d9-920b59e99369/6ee604e7-9270-4844-8f1f-fa5953cd17fa.jpg)
- 「コントラストチェッカー」アドオンにマウスオーバーし、「追加」をクリックします。
よくある質問
Wix コントラストチェッカーの詳細については、以下の質問をクリックしてください。
「AA」と「AAA」規格の違いは?
2つの色のコントラスト比を確認するにはどうすればよいですか?
コントラスト比とその決定方法は?
推奨されるガイドラインは?
要素がガイドラインを満たしていない場合はどうなりますか?
お役に立ちましたか?
|