HTML 5.2 autocomplete 属性を使用する

適用 (対象)

HTML 5.2 autofill トークンに対応する全ての HTML フォームフィールド。

これは、達成基準 1.3.5: 入力目的の特定（十分）に関連する達成方法である。

解説

この達成方法の目的は、入力が機械でも解釈できるように、事前に定義及び公開された分類用語をプログラム的に入力へリンクすることである。この方法では、どの言語が使用されているか、又は入力にラベルを付けるためにどういった画面上に表示される用語が使用されているかに関係なく、入力には常に共通で、参照可能及び識別可能な関連付けられた値を持つ。それから、さらに利用者を支援するためにカスタマイズ又は機械操作することができる。

この達成方法では、フォームの各フォームフィールドに適切な autocomplete トークンを追加して、特定の入力をプログラムによる解釈が可能にすることで動作する。これは、コンテンツ制作者が使用しているラベルが馴染みがないためにフィールドの目的をすぐには理解できない認知障害の人に役立つ。入力がプログラムによって割り当てられている場合、サードパーティのプラグイン及びソフトウェアは、フォームフィールドを認知障害のある人にとってよりアクセシブルにするために、そのフォームフィールドを操作できる。例えば、プラグインはテキスト文字列 "tel" を持つ autocomplete トークンを検出し、電話アイコンを挿入することができる。さらに、サードパーティのソフトウェアが、既存のラベルを利用者がより馴染みのあるテキストラベルと交換できるようになる。例えば、"Given Name" を "First Name" に変更できる。

autocomplete 属性は、利用者が望む値をフォームフィールドに事前に入力するブラウザの能力も向上する。入力が既知のトークン値で適切に “タグ付け” されると、利用者が入力した値はホストマシン上のローカルに保管され、再利用のためにトークン値に関連付けられる。これは、タイピングに問題をもつ巧緻性障害のある人、より多くの時間を必要とするかもしれない人、及びフォームに記入するための労力を減らしたいと望む全ての人に役立つ。

autocomplete 属性は、ブラウザにローカルで格納されている値のリストに対してパターンマッチを実行でき、入力がプログラムによりタグ付けされたときに適切な対応する値を提供できる。これは、末端利用者がオンもしくはオフにする、又は変更することができる利用者設定である。これは、フィールドに入力する格納された値を使用するため、タイピングが減る、及び記憶への依存が少なくなる。

達成基準の入力目的の特定及びオートコンプリート属性は、利用者に関する情報を収集する入力フィールドにのみ必要条件として設定することに注意するのが重要である。

達成基準では、HTML 5.2 の仕様で説明されているオートコンプリートフィールドに対応しないフォームフィールドでは、autocomplete 属性が使用されないと仮定する。autocomplete フィールドが、仕様に記述されているものではなく、“カスタム” 分類法の記述するために使用されている場合、このルールは誤った結果を生成する可能性がある。

事例

<form method="post" action="step2">
 <div>
   <label for="fname">First Name</label>
  <input id="fname" type="text" autocomplete="given-name" ... >
  </div>
  <div>
    <label for="lname">Last Name Name</label>
  <input id="lname" type="text" autocomplete="family-name" ... >
    <label for="cc-num">Credit card number:</label>
    <input type="text" id="cc-num" autocomplete="cc-number">
  </div>
  <div>
    <label for="exp-date">Expiry Date:</label>
    <input type="month" id="exp-date" autocomplete="cc-exp">
  </div>
  <div>
    <input type="submit" value="Continue...">
  </div>
</form>

検証