本文へ移動
myowchick

アクセシビリティ

このタグの記事3件。

白の色相が89.88度になる — OKLCH変換の検算

  • 実装ノート
  • 色
  • アクセシビリティ

彩度0の白に色相は無いはずなのに、実装は89.8756度を返す。CSS Color 4の経路で期待値を作る検算と、コントラスト比を四捨五入すると不適合なのに4.50と出る色の話。

絞り込みUIのrole=statusが150msだけ嘘をつく

  • 実装ノート
  • アクセシビリティ
  • React

デバウンスを挟むlive regionは、切り替えた直後の150msだけ前の条件の件数を読む。Tailwind v4のaria-pressed:変種が[aria-pressed=true]にしか当たらない話も。

色覚シミュレーションは行列3本で書ける

  • 実装ノート
  • 色
  • アクセシビリティ

sRGBを線形に戻してLMS錐体応答へ移し、欠けた錐体を残る2つから引き直す。赤と緑が同じ黄色に潰れるところと、青と黄が1ビットも動かない理由をCIE Labとコントラスト比で確かめた。

← タグの一覧へ