G18: テキスト (及び文字画像) とその背景の間に、少なくとも 4.5:1 のコントラスト比を確保する
について。
状況
実装チェックリストで出てくる、
状況 が以下のようになっている。
状況 A：
太字でないテキストが18ポイント（日本語は22ポイント）未満、太字のテキストが14ポイント（日本語は18ポイント）未満の場合：
「ポイント」という言葉が使われている。
cssでptってあるけど、いまどきpxとか使うし、アクセシビリティ対応するならemやら%みたいな相対指定できる単位にするよね？
達成方法の注記を見ると書いてる。 1pt = 1.333px
達成方法の注記に書いてある。
注記:この達成基準を評価する際、フォントサイズのポイント数は、ユーザエージェントから得られるか、あるいはユーザエージェントが行うフォントメトリクスによって計算されるであろう。ポイントのサイズは、CSS の pt を定義するCSS3 Valuesに基づく。ポイントと CSS のピクセルとの比率は 1pt = 1.333px であるため、14pt と 18pt はそれぞれおよそ 18.5px と 24px に等しい。
ブラウザで見たときの、実際のサイズ。状況Aと状況B
以下にそれぞれ、14ptと18ptと22ptで指定したテキストを表示します。
以下未満だと、状況A。
以下以上だと、状況B。
18pt font size
２２ポイントの文字サイズ（日本語）
14pt font size (bold)
１８ポイントの文字サイズ（日本語・太字）
コメント