コード、データと QRツール

フォーカスインジケーターテスター

色、背景、線の太さを入力し、コントラストを測定して Tab で例を試します。

ブラウザ内で処理登録不要プライバシーの説明 ↗

使い方

使い方

  1. #RGB または #RRGGBB と線の太さを入力します。
  2. 2つの測定値とプレビューを確認します。
  3. Tab で例にフォーカスし、表示を確認します。

2つの背景を測定

WCAG の相対輝度でコントラストを計算します。これは測定値であり、合否や適合性の結論ではありません。

キーボードで試す

例は Tab でフォーカスできるネイティブボタンです。

範囲

完全なアクセシビリティは評価しません。値は送信・保存されません。

よくある質問

あわせて知りたいこと

何を測定しますか?

表示色と2つの背景の WCAG コントラストです。

適合を判定しますか?

いいえ。測定値のみです。

どう試しますか?

Tab でボタンに移動します。

アップロードされますか?

いいえ、ブラウザー内で処理します。