aria-describedbyWhich of the examples below correctly reference a description element?
Must be your full name
Accessible description for the <input> should be: Must be your full name
<label for="aaa">Name</label>
<p id="aaa-hint">Must be your full name</p>
<input id="aaa" aria-describedby="aaa-hint">
Must be your full name
Accessible description for the <input> should be: Must be your full name Error: This field is required
<label for="bbb">Name</label>
<p id="bbb-hint">Must be your full name</p>
<input id="bbb" aria-describedby="bbb-hint bbb-error">
<p id="bbb-error">Error: This field is required</p>
display: noneAccessible description for the <input> should be: Must be your full name
<label for="ccc">Name</label>
<p style="display: none;" id="ccc-hint">Must be your full name</p>
<input id="ccc" aria-describedby="ccc-hint">
Accessible description for the <input> should be: Must be your full name
<label class="label" for="ddd">Name</label>
<p class="hidden" id="ddd-hint">Must be your full name</p>
<input class="input" id="ddd" aria-describedby="ddd-hint">
There should be no accessible description for the <input>.
<label class="label" for="eee">Name</label>
<input class="input" id="eee" aria-describedby="eee-hint">