配色デザインをするときに、自分や周りの人の感覚や意見だけに頼るのはなんだか心もとないものです。2.0」で定義されている「コントラスト比」を使って配色を検討してみようと思います。2.0のガイドラインに示されているコントラスト比の算出方法に従いました。luminance)相対輝度さえわかれば簡単な計算なのですが、相対輝度の求め方がちょっとややこしいのです。暗い黒を0に、最も明るい白を1に正規化した色空間内の任意の点の相対的な明るさ。B8bit/255https://waic.jp/docs/WCAG20/Overview.html#relativeluminancedef電卓たたいてすぐに計算とはいきません、表計算ソフトのExcelを使って文字と背景の塗りつぶしの色のコントラスト比を求めるシートを作成しました。カラーチェック用のExcelブックExcelのVBAも利用しているのでマクロ付きのブックとなっています。文字と背景のカラーチェックはマクロ付きのブックなので、利用するにはマクロを有効にしないと使えません。わからないマクロを実行するなんて―という方には最後にVBAのモジュールを掲載しておきます。ブックを開いたら文字と背景の色を指定します。指定方法は2種類カラーコードを16進数で入力カラーコード入力にある文字と背景の空欄にカラーコードを16進数の形式で入力します。白:FFFFFF、黒:000000、赤:FF0000アルファベットの大文字/小文字、全角/半角はどちらでも大丈夫(のはず)です。カラーコードに16進数以外を入力するとエラーメッセージが表示されます。文字と背景の色は、Excelにあるフォントと塗りつぶしの色を使っても指定できます。文字と背景の表示サンプルのセルを選択して、メニューにある塗りつぶしの色とフォントの色を使って指定します。文字と背景の色をチェックする色の指定がすんだら[文字と背景の色をチェック]のボタンをクリックします。カラーチェックの結果が数値と、その数値に基づいた判定も表示されます。2.0の達成基準に従っています。コントラスト比の達成基準は最低限基準のレベルAAとさらに高度なレベルAAAがあります。1.0で示されていた明度差と色差についても数値を計算して判定を行っています。これだけでウェブアクセシビリティが向上するわけがありませんが、色使いの判断材料として使うことはできるかと思います。メディアデザインが運営しています。RSS記事、写真、画像の無断転載を禁じます。《メディアデザイン》PageTop。