京都市 ホームページ制作 会社 / アクセシビリティ・ユーザビリティ配慮
メルマガバックナンバー2008年4号
ウェブコンテンツをキーボードで操作【5.3操作及び入力a）】
【2008.6.25】毎月1回発行
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
障害者や高齢者をはじめ、誰もがアクセス可能なホームページについて
考えるwebアクセシビリティは、検索エンジン（SEO）対策に最も効果的です。
顧客拡大、売上増のための「アクセシビリティとSEOの融合」やホームページ
作成について出来るだけ簡単に解説いたします。
http://plus.revonet.co.jp
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
こんにちは、レボネット株式会社の坂井です。
このメルマガでは、ウェブアクセシビリティ技術向上のため、
誰でも支障なくウェブコンテンツを閲覧できるようにするため、
ウェブ技術向上の指針となるJIS規格を中心にお伝えしております。
本日は、ウェブコンテンツへアクセスするための操作や入力についてお伝えします。
---------------------------------------------------------------------
■ウェブコンテンツをキーボードで操作【5.3操作及び入力a）】
ウェブコンテンツへのアクセス操作については、JIS規格では以下のように
記載しております。
”ウェブコンテンツは、単一のデバイスの操作に依存せず、少なくともキーボードで
全ての操作が可能でなければならない。”
通常は、パソコン操作はマウスとキーボードにて行われ、ウェブコンテンツへの
アクセスもマウスで操作されます。
ですが、マウスのみの操作だけではなく、キーボードでの操作もできるように
しなければならないということです。
例えば、以下のような方にとってキーボードでの操作は必要です。
・全盲の方でマウスポインタが見えず、マウスを使えない方
・弱視や高齢のため、マウスポインタが見づらい方
・肢体不自由な方や高齢で手が震える方で、正確にマウスポインタを制御できない方
■キーボード操作への対応策
ウェブコンテンツをキーボードのみで操作できるようにするためには、
タブキー（Tab）、エンターキー（Enter）、矢印キー（↑←↓→）を
使って操作できるようにすることが挙げられます。
送信フォームなどにおいては、テキストボックスやラジオボタンに
アクセスキーを設定し、キーボードのみでアクセスして選択可能にし、
タブキーで事項の選択へ送っていけるようにします。
通常の閲覧ブラウザであれば、様々なツールバーがありますので、
アクセスキーがバッティングすることはありますが、
CSSをはずしたり、テキストブラウザ、音声ブラウザで閲覧する場合は、
キーボード操作が容易になるため、各コンテンツへのアクセスキーの設定も
行ってください。
普段、マウスを使っている場合でも、キーボード操作でコンテンツを
閲覧できれば、閲覧操作の幅が広がり、便利に使いこなすこともできますね。
次回は、【5.3操作及び入力b）】をお伝えします。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
【編集後記 SEO対策との関連について】
---------------------------------------------------------------------
アクセスキーの設定やタブキー操作の設定をhtmlに記載すると、
キーワード以外のhtmlタグが増えるという見解もあるかもしれませんが、
検索エンジンに好まれる優良なサイト、ユーザーによりよいサイトとしては
評価を得られると思います。
テーブルで組まれたサイトの場合、コンテンツの順序が複雑になり、
タブキーの操作が難しくなるので、CSSによるデザインで、
タブキーや矢印キーで容易にコンテンツを閲覧できるような仕様に
されるとアクセシブルなサイトとなりますね。
そのような観点からも、テーブルを使わずCSSによるデザインで
検索エンジンに読みやすいhtmlで制作することで、検索エンジンの上位表示に
繋がるという見方もできますね。
それでは、また次回お会いしましょう。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「誰でもわかる！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
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━