46. Text area has no description

1.3.14.1.23.3.2

text area incorrect example

Description: Text areas should always have a description that is explicitly associated with the area to make sure that users of assistive technologies will also know what the area is for.

Context: Form elements should always be tied back to a label somehow, to easily link inputs to the sections that they are related to.

Comments/Questions
<span>
    <textarea name="your-comments"></textarea>
</span>

How to fix it: If the text area has a visible description indicating the purpose of the area, this description should be explicitly associated to the text area either as a HTML label or using the WAI-ARIA attribute ‘aria-labelledby’. If it is not possible to add a visible description, either add a mouseover text (‘title’ attribute) to the text area or create an invisible label using the WAI-ARIA attribute ‘aria-label’.

Comments/Questions
<span>
    <textarea aria-label="comments and questions"></textarea>
</span>

Techniques: ARIA4ARIA14ARIA16G167H44H65