WCAGコントラスト比とは何ですか?
WCAGコントラスト比は、Web Content Accessibility Guidelines(WCAG)で定められたテキスト色と背景色の明るさの差を数値化した指標です。1:1(差なし)から21:1(黒と白)の範囲で表され、数値が大きいほど読みやすくなります。
WCAG AA基準とAAA基準の違いは何ですか?
AA基準は最低限のアクセシビリティレベルで、通常テキストで4.5:1以上、大きいテキスト(18pt以上または14pt太字以上)で3:1以上が必要です。AAA基準はより高いレベルで、通常テキストで7:1以上、大きいテキストで4.5:1以上が求められます。
大きいテキスト(ラージテキスト)の定義は?
WCAGでは、18ポイント(約24px)以上の通常テキスト、または14ポイント(約18.66px)以上の太字テキストを「大きいテキスト」と定義しています。大きいテキストは通常テキストよりも低いコントラスト比で合格となります。
コントラスト比はどのように計算されますか?
コントラスト比は、2つの色の相対輝度(relative luminance)を使って計算されます。計算式は (L1 + 0.05) / (L2 + 0.05) で、L1は明るい色、L2は暗い色の相対輝度です。相対輝度はsRGB色空間の各チャンネルをガンマ補正して算出します。
色の自動補正提案とは何ですか?
コントラスト比が基準を満たさない場合、元の色の色相を保ったまま明度を調整して基準を満たす色を自動提案する機能です。前景色または背景色を明るく・暗くすることで、目標のコントラスト比を達成する最も近い色を見つけます。
入力したデータはサーバーに送信されますか?
いいえ。すべての処理はブラウザ上で完結しており、入力データがサーバーに送信されることはありません。安心してご利用いただけます。
RGB値やHSL値で色を入力することはできますか?
はい、HEXコードの他にRGB(例:rgb(255, 0, 0))やHSL(例:hsl(0, 100%, 50%))の値を直接入力できます。色ピッカーを使わずテキストで指定したい場合に便利です。
グラデーション背景の上のテキストコントラストも測定できますか?
グラデーションそのものの測定は難しいため、最も明るい部分と最も暗い部分の2つの色で別々に測定することをお勧めします。グラデーション内で最もコントラストが低い部分をチェックすると、全体的なアクセシビリティが確保できます。
色弱者(色盲)の人にも対応できる色選びをサポートしていますか?
このツールはWCAG基準のコントラスト比に基づいているため、色盲の人にも区別しやすい色の組み合わせをサポートしています。特に赤緑色弱者のために、赤と緑の組み合わせは避け、青とオレンジなどの配色を推奨します。
同じコントラスト比でも、異なる色の組み合わせで見え方は変わりますか?
はい、コントラスト比が同じ3:1でも、色相の違いにより人間の目には異なる明るさに見える場合があります。複数の色の組み合わせでテストして、実装前に確認することをお勧めします。
小さいテキスト(通常テキスト)でもWCAG AAA基準を満たすべきですか?
法的要件によって異なりますが、アクセシビリティのベストプラクティスとしては、特に重要な情報(見出しやコールトゥアクション)は小さいテキストでもWCAG AAA基準(7:1)を目指すことが推奨されています。
自動補正を複数回実行すると、さらに改善されますか?
いいえ、自動補正は1回の実行で最適な色を提案するため、複数回実行しても結果は変わりません。補正後のコントラスト比が目標値に達していない場合は、より極端な色の変更が必要なことを意味します。