現在位置:ホームメルマガ購読メルマガバックナンバー>メルマガバックナンバー2010年5月号

メルマガバックナンバー2010年5月号

変化・移動する画像は注意して作成する【5.8速度a)】

【2010.5.25】毎月1回発行
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
障害者や高齢者をはじめ、誰もがアクセス可能なホームページについて
考えるwebアクセシビリティは、検索エンジン(SEO)対策に最も効果的です。
顧客拡大、売上増のための「アクセシビリティとSEOの融合」やホームページ
作成について出来るだけ簡単に解説いたします。
                      http://plus.revonet.co.jp
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

 こんばんは、レボネット株式会社の坂井です。

 日、月と全国的に大雨で大きな被害が出たところもあるようですね。
 関西では今日からは天気が良くなるようです。

 今くらいの気温がちょうどよいですが、
 これからどんどん暑くなっていきますね、
 今回もはりきって参りましょう。

 このメルマガでは、ウェブアクセシビリティ技術向上のため、
 誰でも支障なくウェブコンテンツを閲覧できるようにするため、
 ウェブ技術向上の指針となるJIS規格を中心にお伝えしております。

 本日は”変化・移動する画像は注意して作成すること”
 についてお伝えします。

---------------------------------------------------------------------

 ■変化・移動する画像は注意して作成する【5.8速度a)】

 まず、今回もこの項目について、JIS規格ではどのように
 表現されているか参照します。

 ”変化または移動する画像・テキストは、その速度、
 色彩・輝度の変化などに注意し作成することが望ましい。”

 変化する画像などを設置した場合の主な問題点を以下にあげます。

 ■問題点

 ・認知、記憶に障害がある場合、または、
  高齢者の場合、認識できないことがある。

 ・背景と文字との輝度の変化が大きいと目への負担が大きい。

 ・点滅の速度が速いと内容が認識できないことがある。

 ・繰り返される動きは、利用者の集中力がそがれることがある。

 ※特にウェブ標準に準拠するため、htmlに書く
  marquee要素(文字スクロール)、blink要素(文字点滅)は、
  用いないでください。

 上記を踏まえた具体的な取り組みは以下です。

 ■主な対処法

 ・バナーなどの背景の変化は緩やかに、極端な色の変化は避ける。

 ・複数の画像を順番に繰り返し表示する場合、背景を薄くする。

 ・明度、彩度、色相が大きく変わる画面を
  交互に点滅させ繰り返さないことが望ましい。

 ・文字を変化または移動させる場合、コントラスト、速度を緩やかにする。

 ・利用者のコンテンツへの集中をそがないように、
  スクロールや点滅はできるだけ避ける。

 ・点滅させる場合、認識しやすいよう点滅速度を遅くする。

 ・点滅させる場合、一定時間経過後に静止させる配慮をする。

 以上のような対応がありますが、アクセシビリティを第一に考えるならば、
 点滅や移動などの画像や文字は使わないことですね。

 特に目立たせたい画像が文字がある場合、変化・移動があれば、確かにユーザーの
 目をひき、注目度は高まるかとは思いますが、以上の内容にも配慮して、
 サイト作りに励んでください。

 次回は、【5.8速度b)】をお伝えします。

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
【編集後記】
---------------------------------------------------------------------

 先月、お伝えしておりましたYahoo index updateについてですが、
 ゴールデンウィーク前後と予想しておりましたが、予想通り、
 4月29日にアメリカで、4月30日の日本のYahooでおこったようですね。

 来年にかけてのBingとの統合に向けて、今後も1ヶ月半から2ヶ月くらいの
 頻度での変動が予想されます。

 今回は、連休前にこの変動があったことで、しばらく様子見は必要ですが、
 連休中はこの対応のことが頭から離れませんでしたね。

 このような変動に左右されないSEOで、自信をもってやっていても、
 被リンクの評価やその他、細かい評価軸が微妙に変わりますし、
 最近の変動では、ペナルティの発動も多いので、気にかかるところです。

 軸がぶれない芯のしっかりしたSEOを心がけたいですね。

 それでは、また次回お会いしましょう。

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「誰でもわかる!SEO効果の高いアクセシビリティ対策」
───────────────────────────────────
□ 発行元 ..... "アクセシビリティ・ユーザビリティを考慮した
         京都のホームページ制作会社"

         レボネット株式会社 http://plus.revonet.co.jp
         ビジネスパートナー募集 http://revonet.co.jp/bp
         スタッフブログ http://blog.livedoor.jp/revonet_sakai

         京都府京都市下京区朱雀正会町24番地
         TEL:075-344-3348 FAX:075-344-3343

□ E-mail ..... sakai@revonet.co.jp

 このメールマガジンの転送は自由です。よろしければ転送してください。
----------------------------------------------------------------------
□ 発行周期 ..... 毎月1回

□ バックナンバー.. http://plus.revonet.co.jp/backnumber.html

■ メルマガ配信登録・アドレス変更・配信停止はこちらからお願いいたします。
  まぐまぐ  .... http://plus.revonet.co.jp/magazine.html
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Copyright (C) 2009 京都 ホームページ制作 All Rights Reserved.