*/SDK.CSSModel.ContrastInfo;んー、ちょっとよく分からないですね。サイドではなく、もっとネイティブ側でもっている値なのでしょうか。ある要素に対するすべての背景色と、フォントサイズ、フォントの太さ、本文フォントサイズが入っているオブジェクトのようです。計算をしている箇所です。渡されるフォントサイズと太さの情報を使って、大きいフォント判定をします。これはアクセシビリティのサイトに書いてあった通りのものです。基準値が設定されています。こちらもアクセシビリティのサイトに書いてあったものです。3:1;ここまでスレッショルドの取得は追いかけ終わりました。なっているだけですね。this._bgColor.rgba());計算された値が設定されていそうです。当たるものでしょうか。null;コントラストレート計算の処理を追ってみます。contrastRatio;}重たいロジックが出てきましたが、見るとリンクが付いています。それを実装しているだけのようです。ratioというところで、ここから先は追わなくてもいいかなと思ったので止めておきます。ロジックのざっくりとした理解では、背景色と文字色をブレンドして、明るさを計算して、いい感じの係数を合わせたら出来上がり!という具合でしょうか。判定をすることができます。コントラストレートのしきい値を計算することと、実際のコントラストレートを計算すること、です。ウマいこと利用する手立てはないと思います。前回までと同様に、開いたページに対してスクリプトを実行する形でやってみます。使うと2つの色に対してコントラストレートを計算することができます。ところで太字判定をサボっていたりしますが、とりあえずのところは。前回の記事では見にくい!を出していましたが、わからんので逆にして、見やすいものだけをマークするようにしました。これを試すとこんな感じになります。これがどうなのかわからない...、ので、前回の結果と見比べられるようにしました。要素の左側に点線があるのが今回、要素の右側に点線があるのが前回の検出した見やすいものです。してみると、前回のときにチョット見やすいとはいいにくいなあというものも今回のでいい感じに検出されているような気がします。いえ、前回の方法でもしきい値がかなりガバガバなので、もうちょっと詰めていくと、良い結果がでるんじゃないかなあと。コントラストレートを計算してあげるのがアクセシビリティの確認方法として挙げられているので手動でいい感じに検出するなら今回の方法でやるほうがよさそうです。使うとアクセシビリティ以外にも様々な観点について自動チェックできておすすめです。Apps今回はとりあえず色の様子だけシュッと見たかったので、単品で調査する方法がないかなあと取り組んでみたものです。技術的な話題この記事は公開されてから1年以上経過しており、情報が古い可能性があります。入れ子になったものを扱うときがあってたぶん、こういうなんだかわからないけど、いい感じに区分けされたデータ列があったときに使うんじゃないかな、きっと。}}その中から特定のキーをいい感じに取り出したいなあってなったので作ってみた。sters/maputils余談になるけどどこかで再帰呼び出しとループだと、ループのほうが速いよって書いてあったので、再帰的にキーを探すところはループでやってみた。それでもって、ベンチも取ってみた。作り方してるけど、これくらいの規模感でやらないと、手元だとまったくもって差がでなかった。これくらい負荷がかかるようになって初めて効果あるくらいなのかあという気持ち。特定のフィールドだけ取り出すほうが需要高そうだしもうありそう。20:41:34","author":{"@type":"Person","name":"trashbox"},"image":"https:\/\/gomiba.co.in\/blog\/wp-content\/themes\/gomiba.co.in-blog\/css\/logo.png","publisher":{"@type":"Organization","name":"trashbox","logo":{"@type":"ImageObject","width":"511","height":"218","url":"https:\/\/gomiba.co.in\/blog\/wp-content\/themes\/gomiba.co.in-blog\/css\/logo.png"}}}。