文字サイズ 標準 拡大 文字 標準 白黒

イベントのお知らせ

このページの簡単な説明
イベント

ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい

うううううううううううううううううううううううううううううううううううううううううううう
いいいいいいいいいいいいいいいいいいいいいいいいいいいいい
えええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええおおおおおおおおおおおおおおおおお

おおおおおおおおおおおおおおおおおおおおおおおおおおおお1111111111111111111111111

  1. 項目
  2. 項目
  • リスト
  • リスト

項目1 項目 項目 項目 項目
1 2 3 4 5
3 3 3 4 4
あああ あああ あああ あああ 2
いいい ええっr えええ 2 えええ
ええええ おおお あああ えええ っっt

Step2: 誰でも利用しやすいホームページの基礎知識                     

 

障害のある方を含めて、誰にでも利用しやすいホームページについて、最低限の一般的な事項を説明します。

 

l  画像の代替説明(alt属性)・・・・画像の上にマウスを当てると表示される説明文
視力の不自由な方は、音声ブラウザ(音声読み上げソフト)を利用してホームページを閲覧します。そのために、
画像には、alt属性やわかり易い文字による説明をつけるようにしましょう。

l  文字の大きさ
視力の不自由な方や高齢者にも配慮し、極端に小さな文字は使わないようにします。
また、利用者の意思で自由に文字の大きさを拡大・縮小・そして標準の大きさに戻せる機能があるのも便利です。

l  背景色と文字色、画像とのコントラスト
背景色は白色<>文字色は黒色が基本的に見やすいホームページと言えます。
背景色や背景画像を使用する場合は、コントラストを明確にし、読みやすくしましょう。

機種依存文字は使用しない
機種依存文字とは、下図のような文字で、例えばWindowsパソコンでは表示できてもMacintoshパソコンでは文字化けしたり表示されなかったりする文字です。

Step2: 誰でも利用しやすいホームページの基礎知識                     

障害のある方を含めて、誰にでも利用しやすいホームページについて、最低限の一般的な事項を説明します。

  • l 画像の代替説明(alt属性)・・・・画像の上にマウスを当てると表示される説明文
    視力の不自由な方は、音声ブラウザ(音声読み上げソフト)を利用してホームページを閲覧します。そのために、画像には、alt属性やわかり易い文字による説明をつけるようにしましょう。

  • l 文字の大きさ
    視力の不自由な方や高齢者にも配慮し、極端に小さな文字は使わないようにします。
    また、利用者の意思で自由に文字の大きさを拡大・縮小・そして標準の大きさに戻せる機能があるのも便利です。

  • l 背景色と文字色、画像とのコントラスト
    背景色は白色<>文字色は黒色が基本的に見やすいホームページと言えます。
    背景色や背景画像を使用する場合は、コントラストを明確にし、読みやすくしましょう。

機種依存文字は使用しない
機種依存文字とは、下図のような文字で、例えばWindowsパソコンでは表示できてもMacintoshパソコンでは文字化けしたり表示されなかったりする文字です。

map