| (1) |
ページ全体の容量に配慮する。
 |
様々な利用環境でもスムーズな閲覧が出来るように、ページ全体の容量に配慮します。 |
|
| |
|
| (2) |
画面サイズを800×600ピクセルとする。
|
この範囲内で横方向へのスクロールが発生しない画面設計にします。 |
|
| |
|
| (3) |
ページ全体の色に配慮しコントラストを保つようにする。
|
背景・・・白またはそれに近い配色
テキスト・・・黒
リンク・・・ブラウザのデフォルトを使用 |
|
| |
|
| (4) |
文字サイズはブラウザで変更可能にする。
|
視覚障害者や高齢者、ディスプレイ解像度の違いに配慮し、文字サイズは相対指定をするようにします。
大 ＋２（見出しタイトルなど）
中 なし（本文）
小 −１（ナビゲーションなど） |
|
| |
|
| (5) |
読み上げソフトに対応する。
|
画像にはＡＬＴ属性で画像の適切な説明を付記します。
ただしアクセント的に用いる画像や読み上げソフト起動時に混乱を招くような画像には付記しません。 |
|
| |
|
| (6) |
機種依存文字は使用しない。
|
機種依存文字は、他のＯＳでは正しく表示されないため使用しません。 |
|
| |
|
| (7) |
大きなファイルをダウンロードさせる時などは、ファイルサイズを明記する。
|
利用者の利用環境に配慮し、ファイルサイズやダウンロード予想時間などを明記します。 |
|
| |
|
| (8) |
点滅、スクロール文字、早い動きのアニメーションＧＩＦ画像等は使わない。
|
動く文字・画像は、一部障害のある人にとって発作の原因になる可能性があるため、使用しません。 |
|
| |
|
| (9) |
各ページに共通ヘッダ・共通フッタを配置する。
|
見やすさの向上や作成・更新日・担当部課を明確にするために実施します。
「新着情報」に関しては、分野別に色分けをします。 |
|
| |
|
| (10) |
各ページにパンくず式ナビゲーションを配置する。
|
ユーザが辿ってきた行程がすぐにわかるナビゲーションシステムであるパンくず式ナビを設定します。 |
|
