3.4.1 絶対画素数ではなく、相対サイズと相対座標を使っているか

a. 概要

マークアップ言語の属性値やスタイルシートの特有値で絶対的な単位でなく相対的なものを使う。たとえば、CSSの場合では、絶対的な大きさを表す単位である「pt」や「cm」を使用せずに、「em」や「%」を使用する。もし絶対的な大きさを表す単位を使用する場合には、表示される内容が利用可能なものになっているかどうか検証する。

b. 点検ソフト（優先度2、自動）

1 チェックする要素

以下の「点検する要素と属性」「点検するスタイルシートのプロパティ」「backgroundプロパティで指定可能な値」「fontプロパティで指定可能な値」を参照

2 チェックポイント

絶対単位が使われていないか？
- HTMLの場合は絶対単位が使われているかをチェック
- CSSの場合は「pt, pc, cm, mm, in」（絶対単位）が使われていないかをチェック
例外
- IMG、OBJECT、APPLET要素の各要素のwidthとheight属性の値は絶対単位を用いていても良い。

点検する要素と属性
要素	属性	点検方法(以下が付けられていない場合はNG)
HR	width	%
TABLE	width, cellspacing, cellpadding	%
TR	chaoff	%
TD、TH	chaoff, width, height	%
THEAD、TFOOT、TBODY	chaoff	%
COLGROUP	chaoff, width	%
FRAMESET	rows, cols	%, *（複数指定有）
IFRAME	width, height	%

(注)属性値が「０」の場合は％がなくてもOKとする。

点検するスタイルシートのプロパティ
要素	点検方法（以下が使用されている場合はNG）	備考
background-position	数値のみ、数値+ pt, pc, cm, mm, in
background	数値のみ、数値+ pt, pc, cm, mm, in	一括指定
font-size	数値のみ、数値+ pt, pc, cm, mm, in
font	数値のみ、数値+ pt, pc, cm, mm, in	一括指定
vertical-align	数値のみ、数値+ pt, pc, cm, mm, in
line-height	数値+ pt, pc, cm, mm, in
letter-spacing	数値のみ、数値+ pt, pc, cm, mm, in
word-spacing	数値のみ、数値+ pt, pc, cm, mm, in
text-indent	数値のみ、数値+ pt, pc, cm, mm, in
width	数値のみ、数値+ pt, pc, cm, mm, in
min-width、max-width	数値のみ、数値+ pt, pc, cm, mm, in
height	数値のみ、数値+ pt, pc, cm, mm, in
min-height、max-height	数値のみ、数値+ pt, pc, cm, mm, in
margin	数値のみ、数値+ pt, pc, cm, mm, in
padding-top、 padding-bottom、 padding-right、 padding-left	数値のみ、数値+ pt, pc, cm, mm, in
padding	数値のみ、数値+ pt, pc, cm, mm, in
top、bottom、left、right	数値のみ、数値+ pt, pc, cm, mm, in

※一括指定は他のプロパティとの複数指定可能なもの。色に関するものを取り除いてチェックする(注)

3 備考

絶対単位と相対単位
- 絶対的な大きさを表す単位
  - in (inches)：インチ（1インチ = 2.54cm）
  - cm (centimeters)：センチメートル
  - mm (millimeters)：ミリメートル
  - pt (points)：ポイント（1ポイント = 1/72インチ）
  - pc (picas)：パイカ（1パイカ = 12ポイント）
- 相対的な大きさを表す単位
  - em (ems)：使用されているフォントの高さの倍数で指定
  - ex (x-height)：文字「x」の高さの倍数で指定
  - px (pixels)：ピクセル
  - % (percentage)：パーセント
  - +：拡大する
  - -：縮小する

backgroundプロパティで指定可能な値
指定可能な値	チェック対象とするかどうか
background-colorで指定できる値	しない
background-imageで指定できる値	しない
background-repeatで指定できる値	しない
background-positionで指定できる値	する
background-attachmentで指定できる値	しない

fontプロパティで指定可能な値
指定可能な値	チェック対象とするかどうか
font-style	しない
font-variant	しない
font-weight	しない
font-size	する
line-height	する
font-family	しない

※backgroundプロパティでbackground-colorについて指定されている場合、本来は「#777777」のように「#」から記述されていなければならないところを、「777777」のように数字だけで記述されているとNGと見なされる。