京都市 ホームページ制作 会社 / アクセシビリティ・ユーザビリティ配慮
メルマガバックナンバー2008年5号
入力欄は理解しやすく示す【5.3操作及び入力b）】
【2008.7.22】毎月1回発行
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
障害者や高齢者をはじめ、誰もがアクセス可能なホームページについて
考えるwebアクセシビリティは、検索エンジン（SEO）対策に最も効果的です。
顧客拡大、売上増のための「アクセシビリティとSEOの融合」やホームページ
作成について出来るだけ簡単に解説いたします。
http://plus.revonet.co.jp
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
こんにちは、レボネット株式会社の坂井です。
暑い夏になりましたね。当メルマガは暑い夏でもはりきっていきます。
このメルマガでは、ウェブアクセシビリティ技術向上のため、
誰でも支障なくウェブコンテンツを閲覧できるようにするため、
ウェブ技術向上の指針となるJIS規格を中心にお伝えしております。
本日は、お問い合わせフォームなどで頻繁に見かける入力欄への
配慮についてお伝えします。
---------------------------------------------------------------------
■入力欄は理解しやすく示す【5.3操作及び入力b）】
まず、いつものようにこの項目について、JIS規格ではどのように
表現されているか参照します。
理解しやすい入力欄への配慮については、JIS規格では以下のように
記載されております。
”入力欄を使用するとき、何を入力すればよいか理解しやすく示し、
操作しやすいように配慮しなければならない。”
入力欄とは、例えば、一般的なサイトのお問い合わせフォームなどにある
名前やメールアドレスを打ち込むテキストエリアのことです。
例として、以下のレボネットサイトのお問い合わせフォームをご覧下さい。
http://plus.revonet.co.jp/contact.html
□入力欄に配慮されていない場合に起こる弊害
・入力欄への認知・理解力が不足する高齢の方や、操作に不慣れな初心者の方に
とって何を意味し、どう入力すべきかわかりにくい。
・音声ブラウザを利用する全盲の方にとって、入力欄の後にガイドが書かれていると
入力後に気がついたり、入力ミスを引き起こしやすい。
・表示拡大ソフトなどを利用している弱視の方にとって、入力欄から離れて
ガイドが書かれていると、同時に閲覧することが難しい。
□入力欄の例
配慮された例.
ふりがな（ひらがな） ： 入力欄
配慮されていない例.
ふりがな ： 入力欄
ふりがな ： 入力欄 ： （ひらがな）
□補足
上記の例において、”ふりがな”や”フリガナ”と書かれていても、
音声ブラウザ利用者には、”ひらがな”なのか”カタカナ”なのか理解できません。
また、入力欄の後に、”ひらがな”のガイドがあっても、音声ブラウザは順番に
読み上げられますし、表示拡大された状態で閲覧している方には、入力欄後の
文字は同時に閲覧できません。
そのため、どのように入力するかのガイドは、入力欄の手前に記入して、
どのように入力するのか理解しやすく示す必要があります。
半角で入力することや、電話番号にハイフンを入れることなども、必要な場合は、
同様に入力欄の手前に記入します。
以上のように、一般的に使われているお問い合わせフォームなどの
入力欄にも配慮することで、幅広い方に理解しやすいコンテンツとして、
ウェブアクセシビリティの向上に役立ちます。
ちょっとした配慮で入力フォームも大きく変わりますので、
入力フォームを制作する際は、お気をつけください。
次回は、【5.3操作及び入力c）】をお伝えします。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
【編集後記 SEO対策との関連について】
---------------------------------------------------------------------
今回、お伝えしました送信フォームなどの入力欄への配慮と
SEOとしては直接的な結びつきはあまりないかもしれません。
あえてお伝えするなら、前回と同様、ユーザーに有益なサイトとして、
ウェブサイトの質の向上を図っていくことで、検索エンジンにも評価されていく
ことと思われます。
小手先の検索エンジン対策はどんどん通用しなくなってきており、
ユーザーに有益なサイトが検索エンジンに評価されていくという流れは
変わりませんので、その一環として取り組んでみられてはいかがでしょうか。
それでは、また次回お会いしましょう。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「誰でもわかる！SEO効果の高いアクセシビリティ対策」
───────────────────────────────────
□ 発行元 ..... "アクセシビリティ・ユーザビリティを考慮した
京都のホームページ制作会社"
レボネット株式会社 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
このメールマガジンの転送は自由です。よろしければ転送してください。
----------------------------------------------------------------------
□ 発行周期 ..... 毎月1回
□ バックナンバー.. http://plus.revonet.co.jp/backnumber.html
■ メルマガ配信登録・アドレス変更・配信停止はこちらからお願いいたします。
まぐまぐ .... http://plus.revonet.co.jp/magazine.html
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━