理解可能/3.3 入力支援
3.3.2ラベル又は指示
レベル ALabels or Instructions
入力を求めるすべてのフォーム部品に、何を入力すればよいか分かるラベルや説明を付ける。プレースホルダーは入力を始めると消えたり支援技術に伝わらなかったりするため、単独の代替にはできない。必須項目や特定の入力形式(例:西暦4桁)を求める場合は、その旨も明示する。
補足
この達成基準の詳細解説は準備中です。現在は関連パターン・達成方法・原典への参照を掲載しています。
関連する達成方法
この達成基準を満たすための具体的な実装方法です。本サイトでは本文を収録していないため、各リンク先の W3C 原文を参照してください。
十分な達成方法(14)
すべて表示(14件)
- ARIA1: Using the aria-describedby property to provide a descriptive label for user interface controls(新しいタブで開きます)waic.jp(新しいタブで開きます)
- ARIA9: Using aria-labelledby to concatenate a name from several text nodes(新しいタブで開きます)waic.jp(新しいタブで開きます)
- ARIA17: Using grouping roles to identify related form controls(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G83: Providing text descriptions to identify required fields that were not completed(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G89: Providing expected data format and example(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G131: Providing descriptive labels(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G162: Positioning labels to maximize predictability of relationships(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G167: Using an adjacent button to label the purpose of a field(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G184: Providing text instructions at the beginning of a form or set of fields that describes the necessary input(新しいタブで開きます)waic.jp(新しいタブで開きます)
- H44: Using label elements to associate text labels with form controls(新しいタブで開きます)waic.jp(新しいタブで開きます)
- H71: Providing a description for groups of form controls using fieldset and legend elements(新しいタブで開きます)waic.jp(新しいタブで開きます)
- H90: Indicating required form controls using label or legend(新しいタブで開きます)waic.jp(新しいタブで開きます)
- PDF5: Indicating required form controls in PDF forms(新しいタブで開きます)waic.jp(新しいタブで開きます)
- PDF10: Providing labels for interactive form controls in PDF documents(新しいタブで開きます)waic.jp(新しいタブで開きます)
参考達成方法(1)
原典・規範文書
- 達成基準 3.3.2 ラベル又は指示 — WCAG 2.2 日本語訳(waic.jp)(新しいタブで開きます)規範訳。正式な要件の本文はこちら。
- Understanding Labels or Instructions — W3C(英語)(新しいタブで開きます)意図・具体例・達成方法の詳しい公式解説。