16. Input field has no description

Input missing description incorrect example

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

Context: All inputs should have some form of description, such as a label, title, or ARIA attribute.

<input type="text" value="" name="s" id="s" placeholder="Search MIRO...">       

How to fix it: If the input field has a visible description indicating the purpose of the field, this description should be explicitly associated to the input field 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 input field or create an invisible label using the WAI-ARIA attribute ‘aria-label’.

<input type="text" value="" name="s" id="s" placeholder="Search MIRO..." aria-label="Search">

Techniques: ARIA4ARIA14ARIA16G167H44H65