-ちょっと詳しいモバイルサイトの作り方-XHTML+CSSで一歩進んだモバイルサイトを作るテクニックを幅広く紹介☆2006/05/24/Wedアクセスキーでアクセシビリティの向上を携帯電話向けのサイトに埋め込むアクセスキーはリンクを携帯電話の文字(数字)盤に対応させたもの。した気配りは、嬉しいものです。アクセスキー(accesskey)をもう少し詳しく説明すると、携帯サイトのメニュー画面等で、上から順に数字が割り当てられている場合がありますよね。以下のような感じです。トップーページ掲示板このとき、実際の携帯電話の操作は、文字盤の上にある方向キーを使って、「↓」を押してから、リンクに照準を合わせ、真ん中の「決定」ボタンを押します。リンクに「アクセスキー」を指定しておくと、この操作をせずに、対応した番号の携帯電話の文字盤の数字キーを押せば、スグにリンク先に飛ぶことができます。それほど必要性が感じられないかもしれませんが、携帯サイトは縦に長くなりやすく、画面の末端にリンク先があるような場合では、このアクセスキーが指定されているおかげで、画面の末端を表示しなくても、一気にリンク先に飛ぶことができたりします。常連さんなどには便利といえる機能です。アクセスキーはもともと目の不自由な方向けの機能でした。(ユーザビリティ)PC向けサイトを作成する際には、このアクセスキーも指定することが推奨されていますが、そもそもブラウザ毎に割り振られるキー配列が異なっているため、あまり普及には至っていません。アクセスキー番号「1」に対応したボタンをAというブラウザはキーボードの「TAB+1」としているのに対し、Bというブラウザは「SHIFT+1」だというのでは、互換性が無く利用者が困ってしまいます。いう事態がおきてしまったかというと、アクセスキーの利用を勧める勧告文は提示されているものの、アクセスキーに対する実際のキー配列は指定されておらず、ブラウザの対応に委ねられてしまっているのです。いった問題で、PC向けサイトではアクセスキーの普及が進んでいません。運良く、日本の携帯会社は、各社が定めるHTML規格にアクセスキーを対応させ、さらに各機種メーカーもこれに追従しているため、携帯サイトのリンクには「アクセスキー」を導入できるようになっています。現在発売されている機種はほぼすべてこのアクセスキーに対応しています。携帯のボタンの配列はみな同じです。(多少配列が異なっても数字の並び方は同じ)積極的に導入していきたい機能ですね。ちなみに、記述方法は以下のように書きます。accesskey="2">掲示板</a>と記述します。|プロフィールAuthor:shibaフリーのマークアップエンジニア。PC及び携帯サイト制作のほか、デコメ、SEO、LPO、アフィリエイトなど、WEBサイト全般の業務に携わる。TypeなどのCMSテンプレートカスタマイズ、PHPプログラミング等を経験。3年ほど前から携帯サイト制作にシフト。古くから培ってきたコーディング技術とケータイ世代に生きた若さという空回りな強みをあわせ持つ。HTML/CSSリファレンスサイトを別に運営。HTMLタグボード:http://www.dspt.net/はじめての方へ当ブログは以下のような方が対象です。初心者にはちょっと難しい内容かもしれません。2008/10)お問い合わせブログ全般に関するご質問などはこちらからお問い合わせ下さい。(08/04)お久しぶりです。