京都市 ホームページ制作 会社 / アクセシビリティ・ユーザビリティ配慮
メルマガバックナンバー3
今日からアクセシビリティへの第一歩！最も基本的なalt属性とは？ vol.3
【2006.06.27 vol.3】毎月第2・4火曜日発行
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
障害者や高齢者をはじめ、誰もがアクセス可能なホームページについて
考えるwebアクセシビリティは、検索エンジン対策に最も効果的です。
顧客拡大、売上増のための「アクセシビリティとSEOの融合」やホームページ
作成について出来るだけ簡単に解説いたします。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
こんにちは、レボネット株式会社の坂井です。
当メルマガの第3号をお読みいただき、ありがとうございます。
6月の末になり、夏暑く、冬寒い京都はさすがに蒸し暑くなってきました。
本格的な夏はもうすくですね。
このメルマガではこれからのインターネット環境やウェブサイトにとって
必要不可欠なアクセシビリティ対策を中心に、皆さんが一番興味をもって
いるSEO(検索エンジン最適化)対策と絡めてご説明します。
□アクセシビリティとSEOの関連について□
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
目次 ・今日からアクセシビリティへの第一歩！最も基本的なalt属性とは？
・初歩からのアクセシビリティ・SEO対策実践講座（alt編）
・編集後記
発行元・レボネット株式会社
坂井 和広
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
第1号のメルマガでは、簡単にSEOとアクセシビリティの用語説明をしました。
まだ、アクセシビリティという言葉を聞いたこともないという方は
当メルマガのバックナンバーをご覧ください。
バックナンバーはこちら→http://plus.revonet.co.jp/backnumber.html
■最も基本的なalt属性とは？
前号の最後に、十分なアクセシビリティ対策を施し、
"高齢者や障害者の方に考慮した優しいホームページ＝検索エンジンにも
読みやすい理解しやすいホームページ"
として、対策することが長期的なSEO対策をする上でも、これからの
ウェブサイトのためにも重要な取り組みではないでしょうか。
と言いましたが、その取り組みとして最も基本的なものがalt属性です。
このalt属性については知っている方も多いと思います。しかし、未だに
altを指定していないホームページをよく見かけます。
そのため、今回はアクセシビリティ対策として重要度の高い"画像には適切な
alt属性をつけましょう。altって何？"ということをお話したいと思います。
altとは？
まず、altとは、ホームページ上の画像の代わりに表示されるテキストを
定義し、代替テキストを指定するものです。簡単に言いますと視覚的に
表示されている画像は何を表しているかという説明文（テキスト）のことです。
そのaltについて、アクセシビリティ対策としての観点とSEO対策としての
観点の両方からみていきたいと思います。
1.アクセシビリティ対策
目が不自由で、ホームページリーダーやボイスサーフィンなどの音声ブラウザを
利用し画像が見れない方にとって、（健常者の方も目を閉じて、音声ブラウザ
のみで閲覧してみてください。）ホームページ上の画像は、alt属性がある場合、
通常の画像であることを教えてくれますが、alt属性がない場合、画像の存在すら
気づかない、またはaltがないためにリンクがわからず、画像にリンクしている
リンク先に進めない（つまり、それ以上ホームページを閲覧できない、情報が
得られないという状態）などの問題が起こり、視覚障害者の方と健常者の方に
とって非常に大きな情報格差を生み出してしまいます。その解決には、制作者側の
アクセシビリティへの配慮が必要不可欠となります。
音声ブラウザ ホームページリーダーについては
こちら→http://www-06.ibm.com/jp/accessibility/soft/hpr.html
音声ブラウザ ボイスサーフィンについては
こちら→http://www.amedia.co.jp/product/vsurfing/
その他にも、画像の読み込みに失敗した場合、画像を表示しないように設定
している場合、LYNXなどのテキストブラウザを利用している方など、様々な
閲覧環境の方に配慮することが必要で、そのような方にとってalt(代替テキスト)が
必要な情報となりますので、アクセシビリティ対策として、画像にはaltを
指定するようにしてください。
2.SEO対策
画像にaltがないと、検索エンジンはテキスト情報しか読まないため、画像
ばかりを多用しているサイトは検索エンジンにとっては何のホームページ
なのか認識できません。そのため、キーワードも検出できず、自ずと検索結果で
上位に表示されることはありません。これは前回にもご説明したとおり、
検索エンジンの立場になってみたら、容易にわかることではないでしょうか。
SEO対策のためにも画像には必ずaltを指定してください。
以上のように重要度の高いalt属性ですが、ご自分のホームページにはaltが
指定されているのかどうか、適切に指定されていない場合は実際にどうしたら
良いかについて次にお話したいと思います。
■初歩からのアクセシビリティ・SEO対策実践講座（alt編）--------------
ここからは初歩的なことからアクセシビリティ対策・SEO対策の実践方法に
ついて、ご説明していきます。本日の内容はもちろんaltについてです。
alt指定の有無の簡単な確認方法
ホームページ上の画像にマウスポイントをあてた際に、文字が出て
こない、または音声ブラウザで画像が認識できない場合はaltが
指定されておりません。
alt指定の実践方法
1.お手持ちのDreamweaverまたはホームページビルダーなどのソフトを
使用する、またはメモ帳でファイルを開きます。
2.下記の画像を表示するソースを参考に、"ここに記載"の部分に
altを挿入してください。
<img src="画像の名前.gif" alt="ここに記載" width="200" height="200" />
長くならない程度に端的に内容を表現し、本文と区別が付くように
"～の写真"、"写真:～"、"画像:～"などのようにしてください。
さらに内容が解らないような単に"写真"とつけたり、"picture.gif"の
ようなファイル名を付ける事は適切に画像情報を得ることができないため、
そのように指定しないでください。
たったこれだけで簡単にaltを挿入することができるのです。
説明を優先し、親切に長くしすぎると、音声ブラウザを使用する方にとって、
画像と説明文と2度同じような内容を読み上げることになり、わかりにくくなる
など注意をして付けることが必要です。
周りのテキストとのバランスを充分考慮して、制作者が画像で見る人に何を
伝えたいか、どの情報が必要なのかをよく考え、画像に適切な alt属性を
指定してください。
また、その画像自体に意味をもたない視覚的にきれいにみせるだけの画像や、
説明文の後に同じ説明の意味をもつような画像など、あえて文章が必要ない
場合には、以下のように、半角スペース文字を指定してください。
<img src="画像の名前.gif" alt=" " width="200" height="200" />
テキストブラウザへの配慮や、音声ブラウザへの配慮など、総合的に判断し、
行うことがアクセシビリティ対策の基本です。
アクセシビリティ対策・SEO対策のためにもalt指定がない場合は
今すぐ画像にalt指定をしてください。
その皆さんの一つ一つの取り組みが誰でも利用しやすいユニバーサルな
ウェブサイトの第一歩となります。一歩一歩踏み出していきましょう。
本日のメルマガはここまで。
次回からも"SEOとアクセシビリティの融合"について、なぜ”検索エンジン
対策に最も効果的”なのか基本的事項から順に詳しくお伝えします。
さらに、初歩からわかるようにアクセシビリティ・SEO対策の基本的な
対策方法を"初歩からのアクセシビリティ・SEO対策実践講座"と題して
具体的に掲載していきます。
当メルマガではできるだけ専門用語なども簡単にご説明しておりますが、もし、
わからない用語がありましたら、こちらのヤフーコンピュータ用語辞典で
検索して調べてみてください。わからないことがあったらなんでも
インターネットで調られるのでとても便利ですよね。
その他、当社へのご質問という形でも受け付けていますのでお気軽に
ご質問下さい。
→ http://computers.yahoo.co.jp/dict/
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
情報格差をなくすための障害者や高齢者に配慮したアクセシビリティ対策や
長期的な検索エンジン対策に最も有効なXHTML・CSSコーディング、顧客拡大・
売上増のための検索キーワードを意識したSEO対策など、「アクセシビリティ
とSEOの融合」を図り、web標準に準拠した最も新しいホームページを制作
しております。
【レボネット株式会社サービス案内サイトREVO plus】
http://plus.revonet.co.jp
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■SEO・アクセシビリティ対策済 ホームページ制作をご依頼の場合
30ページまで 504,000円（税込）
※この金額には消費税が含まれております。
ご依頼・お見積もり・お問い合わせはsakai@revonet.co.jpまで
ご希望の内容によっては金額が多少変動いたしますので、一度詳しい
内容をお伺いさせていただきます。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
【編集後記】
---------------------------------------------------------------------
当社の第3回目のメルマガをお読みいただきありがとうございました。
残念ながらワールドカップ日本代表はブラジルにも負けてしまい、
一次リーグ敗退となってしまいましたが、日本人としての一体感を
感じることができましたね。
次回の2010年ワールドカップに期待しましょう。
その時には、日本のサッカーもアクセシビリティを施したウェブ環境も
さらに発展していることを願っております。
----------------------------------------------------------------------
これからアクセシビリティを広めるため、皆さんのSEO対策のため、
皆さんのさらなる顧客拡大、しいては売り上げアップのための情報源
となり、インターネットの利用環境をより充実したものとなるように
当メルマガがお役に立てるよう願っております。
毎月第2・4火曜日に当メルマガを発行しますので、よろしくお願いします。
----------------------------------------------------------------------
☆このメルマガへのご意見・ご質問やホームページ制作・オンラインショップ
構築のご依頼などございましたらご遠慮なくメールください。
あなたもお気軽にこのメルマガへのご意見・ご希望をお送りください。
必ずお返事させていただきます。
メルマガ【 誰でもわかる！SEO効果の高いアクセシビリティ対策 】では、
もっとお役にたてる情報を配信したいと思っておりますので、皆さんの
アクセシビリティやSEOについてのご意見・ご感想などもお待ちしております。
..... sakai@revonet.co.jp
最後までお読みいただき、ありがとうございました。
レボネット株式会社
坂井 和広
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「誰でもわかる！SEO効果の高いアクセシビリティ対策」
───────────────────────────────────
□ 発行元 ..... "アクセシビリティ・SEO対策ホームページ制作会社"
レボネット株式会社 http://plus.revonet.co.jp/
京都府京都市下京区朱雀正会町24番地
TEL:075-344-3348 FAX:075-344-3343
□ E-mail ..... sakai@revonet.co.jp
このメールマガジンの転送は自由です。よろしければ転送してください。
----------------------------------------------------------------------
□ 発行周期 ..... 毎月第２・４火曜日
□ バックナンバー.. http://plus.revonet.co.jp/backnumber.html
■ メルマガ配信登録・アドレス変更・配信停止はこちらからお願いいたします。
まぐまぐ .... http://plus.revonet.co.jp/magazine.html
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━