アクセシビリティのポイントをプレゼント！
皆さんはアクセシビリティと言うと何を連想しますか？
高齢者・障害者の方に対する配慮設計と
思われがちですが、・・・
コマーシャルの【ＸＸＸ】で検索をクリック！
もはや、多くの一般ユーザがＨＰに訪れます。
ＨＰの使いやすさが求められています。
【例えば】
・Altキーとアルファベットで希望入力項目へジャンプ
・入力ラベル指定で入力項目周りの文字でも
ラジオボタンやチェックボックスを選択可
・背景色と前景色のコントラスト比は、7：1必要
その確認方法は？
・必須項目の記述は左側or右側？
ほんの一部ですが、一般ユーザ閲覧に有効な
規定が数多くあります。
この最新のガイドライン（アクセシビリティＪＩＳ Ｘ8341-3 2004）に最新ＷＣＡＧ２．０（2008/12）を追加
従えばＷｅｂコンテンツをアクセスする全ユーザーに使いやすいコンテンツが作成可能となります。
是非取り入れてください。
当スクールでは、分かりやすくまとめた
レジュメプリント（１４ページ）を作成例ＨＴＭＬと共に
受講生全員にプレゼント中！
詳しくは・・・・
以下は一部です。
５．３ 操作及び入力
デバイスに依存しない操作
・tabindex属性でTabキー移動順序を設定
・accesskey属性でリンク移動、ボタン押下、入力フォームのフォーカス移動を行う
・入力項目にラベルが付いていると、ラベルをクリックするだけで選択できるようになりますので、
クリックするのが非常に楽になります（for属性を使う方法が望ましい）
５．３ｂ
入力欄のわかりやすさ
３）入力する文字種類に自由度を持たせる
半角、全角どちらでも受け付ける。
サーバ側で全角＝＞半角変換行う（ＣＧＩで可能）
４）入力補助情報は事前に表示
例えば「（カタカナ入力）」などは、「フリガナ」入力項目のすぐ左隣に表示。
（見やすいし、音声ブラウザ利用者も分かりやすい）
５）必須項目と任意項目の違いを明確に示す
※記号や色でなく文字で示す。
６）入力に関する指示、説明、注意事項はコントロール前に記述
※説明等が入力前に分かれば入力しやすい。
７）入力しやすく、入力結果を確認しやすくする
テキストボックス、ラベルの文字サイズは標準サイズ。
入力領域は十分幅を持たせる。
５．３ｉ
誤操作の復帰
ユーザが誤った操作をしても、元に戻すことが可能であること。
１）ブラウザの「前に戻る」で必ず戻れる
Ｗｅｂアプリ（ｐｈｐ等）でセッション切れのメッセージを回避すること。
２）入力済みデータの保持
ブラウザの「前に戻る」で戻った場合、前回入力済みデータを残すこと。
再入力には、ユーザに負担を与える。
３）入力後、利用者がデータ確認可能
誤入力防止の為。ＣＧＩ等で確認画面表示させる。
４）申し込み内容が印刷可能
ユーザを安心させる。「印字ボタン」が有ればベスト。
５）入力内容自動チェック
文字種類チェックは、その都度行なう。
これを行なうには、各項目入力時点の処理が必要。
※Javascriptは複雑化する。
◆（ＷＣＡＧ２．０）修正方法が明らかであれば、ユーザに知らせる。
６）入力エラー表示は、分かりやすく示す
問題がある項目を明確に（できれば複数の場合は同時に）表示
修正方法も表示（ユーザの負担を減らす）
７）フォーム送信後、ユーザに適切なフィードバック
例えば、「申し込みを承りました。」
「後ほど担当者よりご連絡申し上げます。」など表示する。
８）入力項目の工夫
・自由入力より選択項目入力にして、誤りと入力し易さ提供
例）ラジオボタン、チェックボックス、リストメニュー等
・選択項目数予め表示 例） ３個から選択
・プルダウンメニューは、数値だけでなく単位も表示
９）プルダウンメニューや動くメニューは少なめに
クリック時に変化するので、誤入力の可能性が増える。
◆（ＷＣＡＧ２．０）法的義務・金銭的取引・データ変更 （要求レベル中）
ユーザーに法的義務や金銭的取引発生、ユーザがデータ保存可能な
ページ、試験の回答を送信するケースでは以下の処理が必要
１．送信は元に戻すことが可能
２．ユーザの入力したデータの入力エラーをチェックし、
ユーザに修正する機会を提供している。
３．送信を完了する前に、ユーザが情報の点検、確認および
修正をするメカニズムが利用可能である。
以上はほんの一部です。
ＪＩＳ化される段階で、ＨＴＭＬ制作に役立つ内容が
網羅されています。
特に公共ＨＰ（公的機関や銀行等では採用されています）