WCAGアクセシビリティカラーコントラスト比判定

WCAGアクセシビリティカラーコントラスト比判定:相対輝度値 L1 = 1.0、L2 = 0.117 を計算し、コントラスト比 (L1 + 0.05) / (L2 + 0.05) を計算します。

ツールを読み込み中...

このツールについて wcagアクセシビリティカラーコントラスト比判定

WCAGアクセシビリティカラーコントラスト比判定WCAGアクセシビリティカラーコントラスト比判定:相対輝度値 L1 = 1.0、L2 = 0.117 を計算し、コントラスト比 (L1 + 0.05) / (L2 + 0.05) を計算します。

このツールの仕組み

画像処理は CanvasRenderingContext2D (ImageData) および SVG ベクター DOM を使用して sRGB 空間で動作し、EXIF メタデータの消去を行います。

実行パイプラインと計算アーキテクチャ

  1. ローカルメモリバッファでの入力データの受信と字句正規化・サニタイズ処理。
  2. 構文構造の検証とドメイン固有の不変条件および境界値の安全チェック。
  3. 決定論的アルゴリズムによるデータ変換と高精度な数学的演算処理の実行。
  4. 検証済み出力のシリアライズ、整合性チェック、および診断バッジの生成。

使用例と実用上の手順

実際の利用シナリオ: 黒と白のコントラストを確認します。

入力サンプル:

JSON: {"foreground":"#000000","background":"#ffffff"}.

アルゴリズム処理: sRGB を相対輝度に変換し、明るい方に 0.05 を加えた値を暗い方に 0.05 を加えた値で割ります。

出力例:

比率は 21 で、この 2 色計算では通常文字 AA、大きな文字 AA、AAA はすべて true です。

制限と例外

実際の制限: It only evaluates two opaque RGB colors. Invalid six-digit hex throws; compositing, gradients, fonts, and legal conformance are outside scope.

ブラウザー内処理とプライバシー

ツール機能は、入力を CZOA の処理サーバーへ意図的に送信せず、ブラウザー内で処理する設計です。サイト素材、アクセス解析、広告の通信は別に発生する場合があります。ブラウザー、拡張機能、端末の管理ソフトはこの範囲外です。

ローカル実行と検証メソドロジー

本ツールのペイロード処理は、ブラウザ内で JavaScript または Web Worker を用いてローカルに実行される設計です。サイト素材・アクセス解析・広告の通信は別に発生する場合があります。機密性、再現性、遅延はブラウザ環境に依存し、絶対的な保証ではありません。

準拠技術規格および参照仕様

コンテンツ管理者:CZOA Tools · 最終確認:2026-09-15 · 検証方法

使い方

  1. 作業欄にデータを入力するか、対応ファイルを選択します。
  2. 操作項目を確認し、利用できる設定、単位、形式、範囲を選びます。
  3. 実行ボタンを押すか、その場で更新される計算結果を確認します。
  4. 診断表示と結果を確認してからコピーまたは書き出します。

よくある質問

このツールは実際にどう計算しますか?+

実際の計算: sRGB relative luminance with the 0.03928/12.92 and 2.4 branches; ratio thresholds are 4.5, 3, and 7.

どの入力と操作がありますか?+

実際の操作: One JSON input accepts foreground and background; no font, opacity, image sampling, APCA, export, or batch controls exist.

どの制限と境界条件が重要ですか?+

実際の制限: It only evaluates two opaque RGB colors. Invalid six-digit hex throws; compositing, gradients, fonts, and legal conformance are outside scope.

分離 fixture は何を確認しましたか?+

独立検証: Black on white independently produced ratio 21 and three true thresholds; recorded requests contained no input payload.