アクセシビリティ：テキストとグラフィックを準備する
読了時間：2分
視力に制限のある訪問者は、サイトページの前景と背景の違いを見分けにくい場合があります。アクセシビリティを向上させるために、下記を推奨しています：
- テキスト色と背景色のコントラストを、通常のテキストでは 4.5：1、大きなテキストでは 3：1 の比率に変更する。
- グラフィックとユーザーインターフェースコンポーネント（フォーム入力枠、プレースホルダなど）のコントラスト比は 3：1 以上にする。
- レベル AAA では、通常のテキストの場合最低 7：1、大きなテキストの場合 4.5：1 の高いコントラスト比が必要です。
注意：
大きなテキストとは 14ポイント（約 18px）以上の太字、または 18ポイント（約 24px）以上と定義されています。
カラーコントラストをテストする
Contrast Checker など、文字表示色と背景色を比較し色のコントラストをテストするサイトやブラウザが多数あります。背景画像上のテキスト色のコントラストを確認する場合、背景色を選択しテストを実施出来る Colour Contrast Analyser を推奨します。
Wix エディタでカラーコードを見つける方法
Wix ADI でカラーコードを見つける方法
アクセシビリティウィザードで色のコントラストを調整する方法
サイトにグラフやデータを表示している場合：
ハイコントラストカラーは、サイトにデータを表示するのに最適です。ただし、他のインジケータ（テクスチャやパターンなど）を使用して情報を区別することもおすすめします。
次のステップ：
アクセシビリティチェックリストに戻り、サイトのアクセシビリティを向上させましょう。
お役に立ちましたか？
|