このページには、前バージョン(2008年12月11日版の日本語訳)から修正(追加、変更または削除)された箇所があります。
設定:全ての修正を非表示   |   削除箇所を表示/非表示  |   問題No.を表示/非表示   |   [ここから] / [ここまで] を表示/非表示   |   全ての修正を表示

表示サンプル: このページの修正箇所は次のように表示されます。

WCAG 2.0 実装方法集

メインコンテンツへスキップ

-

F86: 達成基準 4.1.2 の不適合事例 - 例えば電話番号にように、複数に分けられたテキストフィールドのそれぞれに対して、識別名が提供されていない

適用(対象)

全般

これは、次の達成基準に関連する不適合事例である:

解説

これは、複数のテキストフィールドから成るフォームの入力項目で、その一部又は全部に識別名がないことによる達成基準4.1.2の不適合事例について述べている。多くの場合、複数のテキストフィールドから成るフォームの入力項目の全体に対してラベルが1つあり、そのラベルが最初のテキストフィールドに対してプログラム的に関連付けられているか、又はどのテキストフィールドに対してもプログラム的に関連付けられていない必要がある。

注記: 識別名は、必ずしも視覚的に表示しなければならないわけではないが、支援技術に対しては明示されている必要がある。

事例

不適合となる事例 1

米国の電話番号は、3桁の市外局番、3桁の市内局番、それに続く4桁の番号で構成されている。通常はこれが、例えば(206)555-1212のように、(市外局番)市内局番-番号というフォーマットで示される。多くの場合、電話番号の記入を求めるフォームは3つのテキストフィールドに分かれているが、次の例ではラベルが1つしかない。

コード例:


電話番号: 
(<input type="text" size="3">) <input type="text" size="3">-<input type="text" size="4">
		

この不適合となる事例は、アクセシビリティAPIに3つのテキストフィールドそれぞれに対する識別名(name)がない場合に生じる。支援技術を使っている利用者は、3つの不明確なテキストフィールドを提示されることになる。また、3つのテキストフィールドから成る米国の電話番号の場合、一部の支援技術は、1つ目のフィールドを「(」、2つ目のフィールドを「)」、3つ目のフィールドを「-」とラベル付けすることがあり、これも決して利用者の役に立つものではない。

不適合となる事例 2

同じく米国の電話番号で、この事例では、ラベルがプログラム的にどの部分にも関連付けられていない。

コード例:


電話番号:
(<input type="text" size="3">) <input type="text" size="3">-<input type="text" size="4">
		

支援技術を使っている利用者は、3つの不明確なテキストフィールドを提示されることになる。

不適合となる事例 3

同じく米国の電話番号で、この例では、ラベルが1つめのテキストフィールドにプログラム的に関連付けられている。

コード例:


<label for="area">電話番号:</label> 
(<input id="area" type="text" size="3">) <input type="text" size="3">-<input type="text" size="4">
		

支援技術を使っている利用者は、1つめのテキストフィールドが電話番号全体のためのテキストフィールドであると理解し、2つめと3つめは不明確なテキストフィールドとして認識することになる。

参考リソース

この参考リソースは、あくまでも情報提供のみが目的であり、推薦などを意味するものではない。

検証

チェックポイント

一般的な手順:

  1. 自分の使用しているプラットフォームのアクセシビリティAPIを確認できるツールをインストールする(「参考リソース」を参照)。

  2. フォームにあるコントロールそれぞれをチェックする。

  3. 各コントロールに対して、識別名(name)のプロパティがある。

HTML及びXHTMLの場合の手順:

  1. HTMLソースにあるinputselect、及びtextarea要素をチェックする。

  2. 要素にtitle属性がある。

  3. 関連付けられたlabel要素がある。

判定基準

一般的な判定基準:

HTML及びXHTMLの場合の判定基準:

日本語訳における注記:

この文書の正式版は、W3Cサイトで公開されている英語の文書であり、この日本語訳には誤訳が含まれていることもありえます。なお、文中にある「日本語訳における注記」は、W3Cの原文にはないものであり、日本語訳監修者が追記したものです。