京都市 ホームページ制作 会社 / アクセシビリティ・ユーザビリティ配慮
メルマガバックナンバー10
閲覧者環境に配慮した文字サイズ変更 vol.10
【2006.10.10 vol.10】毎月第2・4火曜日発行
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
障害者や高齢者をはじめ、誰もがアクセス可能なホームページについて
考えるwebアクセシビリティは、検索エンジン（SEO）対策に最も効果的です。
顧客拡大、売上増のための「アクセシビリティとSEOの融合」やホームページ
作成について出来るだけ簡単に解説いたします。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
こんにちは、レボネット株式会社の坂井です。
当メルマガの第10号をお読みいただき、ありがとうございます。
10月からレボネットのサービス案内サイトREVOplusと、ビジネスパートナー
募集サイトをリニューアルしました。
サービス案内サイトREVOplusはこちら →http://plus.revonet.co.jp
ビジネスパートナー募集サイトはこちら →http://www.revonet.co.jp/bp
リニューアルに伴い、私、坂井のスタッフブログをスタートいたしました。
レボネットのスタッフブログはこちら
→http://blog.livedoor.jp/revonet_sakai
アクセシビリティ、SEO、ホームページ制作等について日常の業務や
出来事と合わせて書いておりますので一度ご覧ください。
このメルマガではこれからのインターネット環境やウェブサイトにとって
必要不可欠なアクセシビリティ対策を中心に、検索エンジンで上位表示を
実現するSEO(検索エンジン最適化)対策と絡めてご説明します。
SEO効果の高いアクセシビリティ対策を施したホームページ制作に
ついてのご相談は無料でお受けしておりますのでお気軽にどうぞ。
■■ レボネット株式会社 電話番号 075-344-3348 ■■
□アクセシビリティとSEOの関連について□
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
目次 ・閲覧者環境に配慮した文字サイズ変更
・初歩からのアクセシビリティ・SEO対策実践講座（まとめ）
・編集後記
発行元・レボネット株式会社
坂井 和広
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
第1号のメルマガでは、簡単にSEOとアクセシビリティの用語説明をしました。
まだ、アクセシビリティという言葉を聞いたこともないという方は
当メルマガのバックナンバーをご覧ください。
バックナンバーはこちら→http://plus.revonet.co.jp/backnumber_1.html
■閲覧者環境に配慮した文字サイズ変更
本日は、まず最初に、これからのホームページ制作において使命とも
いうべきアクセシビリティへの配慮について、JIS X8341-3の適用範囲を
引用します。
----------------ここから引用----------------------------------
適用範囲
この規格は、主に高齢者、障害のある人及び一時的な障害のある人
（以下、高齢者・障害者という。）が、ウェブコンテンツを利用するときの
情報アクセシビリティを確保し、向上させるために、ウェブコンテンツの
企画、設計、開発、制作、保守及び運用（以下、企画・制作という。）を
するときの配慮すべき事項について規定する。
----------------ここまで引用----------------------------------
適用範囲については、以上のように記載されておりますので、高齢者や
障害者の方がよりよくウェブコンテンツを利用するために、私どもの
ようなホームページ制作に携わる者がホームページ制作の段階で当然、
配慮すべきものと考え、アクセシビリティの向上に取り組んでいかなければ
ならないと考えております。
本日はそのアクセシビリティ対策への第一歩となる、文字サイズ変更に
ついてお話します。
文字サイズの変更について、JIS X8341-3ウェブコンテンツJISに
記載されていますので、今回もまずそちらからご紹介します。
----------------ここから引用----------------------------------
文字のサイズ及びフォントは、必要に応じ利用者が変更できるように
しなくてはならない。
参考 高齢者又は弱視者が利用するとき、文字が小さくて読みづらく
感じることがある。ウェブブラウザによっては、文字の表示サイズを
変更できる機能がある。この機能に対応することで、利用者が
読みやすいフォントサイズに調節することができる。
例 文字サイズは、ウェブブラウザで変更できる"em""%"を使用して
スタイルシートで指定する。
----------------ここまで引用----------------------------------
※ 毎号、引用しておりますJIS X8341-3は以下の日本工業標準調査会
(JISC)のホームページにて無料で閲覧することができます。
→http://www.jisc.go.jp/
文字サイズはホームページを閲覧する方によって読みやすいと思う
大きさは様々ですので、そのような様々な閲覧環境の方に配慮する
必要があります。
ここでは、これまでのような「望ましい」という表現ではなく、
「しなくてはならない」と表現されていることにも注意し、文字サイズが
小さくて読みにくい場合、大きすぎて読みにくい場合など、ブラウザの
表示設定を変更して、閲覧者それぞれが最も閲覧しやすい文字の大きさで
利用できるように配慮しなければならないのです。
次に、文字サイズ変更についてポイントを絞って以下に示します。
ポイント1 文字サイズは絶対値ではなく相対値で指定する
ホームページを制作する段階で、文字サイズを12pxや14pxなどの
絶対値で指定すると、文字サイズが固定されるため、ブラウザに
よっては文字サイズを変更することができません。
文字サイズが変更できない場合、強度の弱視の方などにとっては、
文字を全く読み取れなくなってしまいますので、そのような絶対値ではなく、
emや、%などのブラウザの初期の文字サイズに対する相対値を用いる必要が
あります。
（※ 相対値で指定することで、固定した大きさではなく、ブラウザに
よって初期の文字サイズが異なっていても、初期の文字サイズの80%、
90%といったように、ブラウザによって異なる大きさを指定できる。）
ポイント2 あらかじめ大きい文字サイズを指定する
文字サイズを相対値で指定した場合でも、ブラウザの初期設定の段階で、
文字が小さすぎるとブラウザの設定を変更し直し、拡大しなければ
ならないという負担は増え、ブラウザの操作に不慣れな方にとっては、
ブラウザの文字サイズ変更をすることも大きな弊害となってしまいます。
そのため、文字サイズを相対値で指定した場合であっても、ブラウザの
初期値の大きさが小さすぎないように注意する必要があります。
また、通常のテキストではなく、画像を使用して文字を表示する場合は、
一般的なブラウザでは画像内の文字サイズを変更して閲覧することが
できなため、画像を制作する際に大きく読みやすい文字サイズで
制作する必要があります。
ブラウザの文字サイズの変更・切り替えについては弊社のサービス案内サイト
REVOplusでもご案内しておりますので、ご覧ください。
→http://plus.revonet.co.jp/style.html
文字サイズは様々な閲覧環境の方に配慮し、ブラウザでの変更と、
ホームページ上の手動での変更を可能にすることで、様々な閲覧者の状況に
配慮した読みやすい文字サイズを調整することが可能となります。
■初歩からのアクセシビリティ・SEO対策実践講座（まとめ）------------------
ここからは初歩的なことからアクセシビリティ対策・SEO対策の実践方法に
ついて、ご説明していきます。本日はにこれまでのまとめについてです。
これまでお伝えしてきましたソースをまとめて以下に表示します。
<?xml version="1.0" encoding="shift_jis"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta name="Keywords" content="ここにキーワード10個を目安に記載" />
<meta name="Description" content="ここにホームページの紹介文を記載" />
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<title>ここにタイトルを記載</title>
</head>
<body>
<h1>一番重要な見出し1(大見出し)</h1>
<p>見出し1の<strong>内容</strong></p>
<h2>見出し2(中見出し)</h2>
<p>見出し2の内容</p>
<h3>見出し3(小見出し)</h3>
<p>見出し3の内容</p>
<h4>見出し4(小見出し)</h4>
<p>見出し4の内容</p>
<h5>見出し5(小見出し)</h5>
<p>見出し5の内容</p>
<h6>見出し6(小見出し)</h6>
<p>見出し6の内容</p>
</body>
</html>
これまでお伝えしてきました以上のソースを表示しますと、デザインがない
テキスト表示のみのページとなります。
この状態が検索エンジンに読みやすく、弊害の少ない、純粋なテキスト内容の
ページとなります。
ここでCSSでデザインを外部制御することにより、見た目のデザインが
できますのでソースはとても軽く、検索エンジンにとっては無駄なタグが
少ないため、それだけキーワードの割合が高くなります。
さらに重要なテキストを順に読めるため、非常にSEO効果の高いページと
なります。
次回からはこのソースをベースにCSSについてお伝えしていきたいと思います。
本日のメルマガはここまで。
次回からも"SEOとアクセシビリティの融合"について、なぜ”検索エンジン
対策に最も効果的”なのか基本的事項から順に詳しくお伝えします。
さらに、初歩からわかるようにアクセシビリティ・SEO対策の基本的な
対策方法を"初歩からのアクセシビリティ・SEO対策実践講座"と題して
具体的に掲載していきます。
当メルマガではできるだけ専門用語なども簡単にご説明しておりますが、
もし、わからない用語がありましたら、こちらのヤフーコンピュータ
用語辞典で検索して調べてみてください。わからないことがあったら
なんでもインターネットで調べられるのでとても便利ですよね。
その他、当社へのご質問という形でも受け付けていますのでお気軽に
ご質問下さい。
→ http://computers.yahoo.co.jp/dict/
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
情報格差をなくすための障害者や高齢者に配慮したアクセシビリティ対策や
長期的な検索エンジン対策に最も有効なXHTML・CSSコーディング、顧客拡大・
売上増のための検索キーワードを意識したSEO対策など、「アクセシビリティ
とSEOの融合」を図り、web標準に準拠した最も新しいホームページを制作
いたします。
【レボネット株式会社サービス案内サイトREVOplus】
→ http://plus.revonet.co.jp ※ 10月リニューアル完了
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■SEO・アクセシビリティ対策済 ホームページ制作をご依頼の場合
20ページまで 207,900円（税込）
※企画・構成等が含まれております。
こちらは特別モニター価格となっておりますので、実績、ご感想などを
ホームページ上で公開させていただきます。
★ご紹介者にキャッシュバック
ホームページ制作をご紹介いただいた方に制作費の10%を還元いたします。
詳しくはこちらをご覧ください。 →http://www.revonet.co.jp/bp
ご依頼・お見積もり・お問い合わせ・ご紹介はsakai@revonet.co.jpまで
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
【編集後記】
---------------------------------------------------------------------
冒頭でもお伝えしましたが、レボネットのサービス案内サイトREVOplus、
ビジネスパートナー募集サイトをリニューアルし、私、坂井のスタッフ
ブログをスタートさせました。
やっとリニューアルが完了し、少し落ち着いたところです。
アクセシビリティ、SEO、ホームページ制作全般について書いておりますので
ご意見・ご質問・ご感想などお気軽にお寄せください。
REVOplus →http://plus.revonet.co.jp
ビジネスパートナー募集 →http://www.revonet.co.jp/bp
スタッフブログ →http://blog.livedoor.jp/revonet_sakai
京都では10月に入り、急に寒くなってきましたね。もう冬の装いで、
夜と朝は寒くてなかなか布団から出られない季節になりました。
この季節の変わり目は風邪のひきやすい時期ですので、暖かい格好で
風邪を引かないように注意してくださいね。
----------------------------------------------------------------------
これからアクセシビリティを広めるため、皆さんのSEO対策のため、
皆さんのさらなる顧客拡大、しいては売り上げアップのための情報源
となり、インターネットの利用環境がより充実したものとなるように
当メルマガがお役に立てるよう願っております。
毎月第2・4火曜日に当メルマガを発行しております。
----------------------------------------------------------------------
☆このメルマガへのご意見・ご質問やホームページ制作・オンラインショップ
構築のご依頼・ご紹介などございましたらご遠慮なくメールください。
あなたもお気軽にこのメルマガへのご意見・ご希望をお送りください。
必ずお返事させていただきます。
メルマガ【 誰でもわかる！SEO効果の高いアクセシビリティ対策 】では、
もっとお役にたてる情報を配信したいと考えておりますので、あなたの
アクセシビリティやSEOについてのご意見・ご感想などもお待ちしております。
..... sakai@revonet.co.jp
最後までお読みいただき、ありがとうございました。
レボネット株式会社
坂井 和広
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「誰でもわかる！SEO効果の高いアクセシビリティ対策」
───────────────────────────────────
□ 発行元 ..... "アクセシビリティ・SEO対策ホームページ制作会社"
レボネット株式会社 http://www.revonet.co.jp/
REVOplus http://plus.revonet.co.jp
ビジネスパートナー募集 http://www.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
このメールマガジンの転送は自由です。よろしければ転送してください。
----------------------------------------------------------------------
□ 発行周期 ..... 毎月第2・4火曜日
□ バックナンバー.. http://plus.revonet.co.jp/backnumber.html
■ メルマガ配信登録・アドレス変更・配信停止はこちらからお願いいたします。
まぐまぐ .... http://plus.revonet.co.jp/magazine.html
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━