ページの先頭: ナビゲーションをスキップ

現在の位置:

トップページ > ウェブヘルパーを利用する >  ウェブヘルパーとは > 

本文はじめ: 本文を飛ばす

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

a. 概要

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


b. 点検ソフト(優先度2、自動)

1 チェックする要素

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

2 チェックポイント

  1. 絶対単位が使われていないか?
    • HTMLの場合は絶対単位が使われているかをチェック
    • CSSの場合は「pt, pc, cm, mm, in」(絶対単位)が使われていないかをチェック
  2. 例外
    • 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 %

(注)属性値が「0」の場合は%がなくても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と見なされる。


本文おわり:

「ウェブヘルパーとは」に戻る(y)


ページの先頭に戻る(z) 


奥付:
(c) 2001-2003 by ウェブアクセシビリティ実証実験事務局,
(c) 2004- by 情報通信研究機構 バリアフリーサイト, all rights reserved. barrierfree@nict.go.jp
ページおわり: ページの先頭に戻る