Help and Error Messages

However, If you want to use the input component to create and handle the ui:inputDefaultError component, the error messages will automatically get the ariaDescribedby attribute. If, however, you want to manually manage the action, you will need to make the connection between the ui:inputDefaultError component and the associated output.

If your code failed, check to see if ariaDescribedby is missing. Your component should render like this example:

1swfobject.registerObject("clippy.codeblock-0", "9");
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17<!-- Good: aria-describedby is used to associate error message -->
18<label for="fname">Contact name</label> 
19<input name="" type="text" id="fname" aria-describedby="msgid">
20<ul class="uiInputDefaultError" id="msgid">
21	<li>Please enter the contact name</li>
22</ul>
23