Lightning コンポーネント開発者ガイド
jヘルプとエラーメッセージ
ヘルプテキストまたはエラーメッセージを特定の項目に関連付けるには、ariaDescribedby 属性を使用します。
1<ui:inputText label="Contact Name" ariaDescribedby="contact" />
2<ui:outputText aura:id="contact" value="This is an example of a help text." />入力コンポーネントを使用して ui:inputDefaultError コンポーネントを作成および処理すると、自動的に ariaDescribedby 属性がエラーメッセージに適用されます。アクションを手動で管理する場合は、ui:inputDefaultError コンポーネントと関連出力を関連付ける必要があります。
コンポーネントは次の例のようになります。
1<!-- Good: aria-describedby is used to associate error message -->
2<label for="fname">Contact name</label>
3<input name="" type="text" id="fname" aria-describedby="msgid">
4<ul class="uiInputDefaultError" id="msgid">
5 <li>Please enter the contact name</li>
6</ul>