w3c contrast ratio

ダークスーツにワンポイントレッドは見えないことがある。

w3cのコントラスト基準は二色覚者をカバーしたものでありデザイン的とは違う。

/*limit AAA*/
.AAA-white{background-color:#FFF;color:#777;font-size:18px;};

w3cのAAA基準が文字サイズと文字言語によって違う。英字と漢字は推奨サイズが違う。

AAA達成基準、画像からsvgへの推奨、ピクトアイコン、白黒印刷の要点も、ここにある。

文部科学省の文字基準は18-22ポイントである。

30pxの文字がparagraph相当になるのはWEB向けではない。あくまで印刷物向け。

@media print{ ... } 

参考

https://waic.jp/committee/
http://www.mext.go.jp/a_menu/shotou/kyoukasho/1282361.htm
https://www.webcolordesign.net/color_point/jis_accesibility/contrast_ratio_jis.html