Webmaster@Style

accesskey

Posted by @Style : 02:04 | コメント (0) | トラックバック (0)

キーボードによるフォームへのアクセス

該当するチェックポイント：

• 9.4 リンクとフォームの構成部品、オブジェクトの全体を通しての論理的なTab移動順を設定しておく。 [優先度3]
• 9.5 重要なリンク(クライアントサイド・イメージマップのリンクも含む)、フォームの構成部品とそのグループには、キーボード・ショートカットを付ける。 [優先度3]

11.1 キーボードによるフォームへのアクセス

Movable Type デフォルトテンプレートのindividual_entry_archive.tmplにおけるコメントフォーム

<p>
<label for="comment-author">名前:</label>
<input id="comment-author" name="author" size="30" />
</p>
<p>
<label for="comment-email">メールアドレス:</label>
<input id="comment-email" name="email" size="30" />
</p>

隠し技的にaccesskeyを追加するよりも、accesskeyによるショートカットを設けていることを明記すべきである。

主要モダンブラウザのaccesskey対応

Internet Explorer 6

Alt + accesskey

Internet Explorer 7

Alt + accesskey

Firefox 2.0.0.2

Alt + Shift + accesskey

Firefox 1.5.0.10

Alt + accesskey

Opera 9.10

Shift + Esc + accesskey

Safari 2.0.4

control + accesskey

前のエントリー：行儀の良いコメントフォーム
次のエントリー：野良plu: PostVox

関連記事

• MovableType 4.2 2Column HTML5の解説（サイドバー）
• MovableType 4.2 2Column HTML5の解説（コメントフォーム）
• MovableType 4.2 2Column HTML5の解説（ブログ記事）
• MovableType 4.2 2Column HTML5の解説（幅の調整）
• MovableType 4.2 2Column HTML5の解説（ブログ記事の概要）
• MovableType 4.2 2Column HTML5の解説（ブログ記事のメタデータ）
• MovableType 4.2 2Column HTML5の解説（headerとブログ記事リスト）
• MovableType 4.2 2Column HTML5の解説（概要）
• Markup Validation Service
• WebInspector 5.02 Java6対応版

トラックバック

このエントリーのトラックバックURL:
http://atstyle.biz/blog/mt-tb.cgi/654

コメント

スポンサード　リンク

Archives

• All Entry Lists

Twitter

共同執筆書籍

Search

Recommend

Feed

Licenses