5.テーブル1.概要ホームページを見る人は、古いパソコンで見ている人,通信回線速度が遅い人,ノートパソコンの小さな画面で見ている人,テキストブラウザ(画像が表示されないブラウザ)で見ている人,音を鳴らさないで見ている人,視力が弱くて画面を拡大している人,目が見えなくて音声で聞いている人,マウスが使えずキーボードで操作している人,高齢者,パソコン初心者など、様々な状況が考えられます。誰もが見やすく,使いやすいホームページ作成のために注意した事項をまとめました。タイトルは分かりやすく,簡潔にする。ページの内容が分かるようなタイトルにする。流経大柏高校ラグビー部のサイトであることが分かるようにする。画面解像度800×600でも左右スクロールしないで正しく表示できるようにする。横にスクロールするのは、スクロールする手間もかかるので,横スクロールしないようにする。文章の途中で改行しない(文末以外では改行しない。・画面の表示幅は800ドット以下にする。画像の大きさと容量に注意する。1ページ全体(テキストと画像)で最大200kB程度にする。通常は30kB程度にする。画像(写真)は最大でも,800×600ドット程度にする。]画像(写真)は最大でも,1,024×768ドット程度にする。背景画像は使わずに,背景色を指定する。画像ではなく,色を指定する。フレーム(画面分割)は使わない。JAVAスクリプトは使わない。動画再生や音楽演奏,Flash(アニメーション)などは使わない。イメージマップ(画像に複数のリンクを設定すること)は使わない。BGM(バックグランドミュージック)は流さない。新しい画面(ウインドウ)は開かない。ページの先頭に”本文へスキップ”を入れる。画像には代替テキスト(ALTテキスト)を指定する。画像が表示されない場合に,内容や意味が分かるようにする。写真ページは指定しない。機種依存文字に注意する。コンピュータの種類によって,表示できる文字に違いがある。機種依存文字は使わない。半角カタカナ,ローマ数字,○数字は使用しない。→←↑↓.....、。小さな文字は使わない。見出しと単なるフォントの大きさ指定を使い分ける。単位や日時は記号ではなく日本語にする。見出しや重要な項目は,画像ではなくテキストで表示する。リンク文字列は分かりやすい単語(文章)にする。リンク文字列だけを読んでも,どこにジャンプするのか分かる(alt属性、title属性を付加)ようにする。文字と背景のコントラストは強めにする。背景色は薄いグレー,文字は黒か濃紺か赤を使用する。赤と緑の組み合わせは避ける(色弱対応)。色に頼らずに情報を理解できるようにする。強調したいところは,色だけでなく太字にする。リンク文字列の色は初期設定のままにする。リンク文字列の色を変えないようにする。レイアウトに使う場合。複雑なテーブルにしない。横幅はパーセント指定か800ドット以下にする。読み上げ順序に配慮する。