G18: テキスト と背景に4.5:1 のコントラスト比 に出てくるpt(ポイント)とは

Webアクセシビリティ
スポンサーリンク

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

22ポイントの文字サイズ(日本語)

 

 

14pt font size (bold)

18ポイントの文字サイズ(日本語・太字)

 

 

 

 

 

 

 

 

コメント