Search: Provide visual labels or instructions for user input
GENERAL
TESTING
GENERAL
TESTING
Description
Activity
Show:
Mark Golbeck September 23, 2024 at 7:02 PM
@Chris Knapp is this still a problem?
Details
Details
Priority
Affects versions
Components
Assignee
Unassigned
UnassignedReporter
Matthew Jones
Matthew JonesCreated April 19, 2018 at 7:36 AM
Updated September 23, 2024 at 8:33 PM
[New] - 3/18/2018[New] - 3/16/2018[Issue]"Search" form field lacks visual label. [User Impact]Users who see pages without color, low vision users and cognitive disabilities users (for example, a user who do not remember things for a long time) not able to identify these form fields.Here, the good thing is a hidden label is associated with "search" form field but there is no visual label.[Code]
<label class="skip" for="search">Search</label><input id="search" size="15" name="search" value="" type="text">
[Expected behavior]Developers must ensure that they provide the visible label on the page for the form fields and properly associate this label with the form field.Developers can use "floating label" which will be placed in the top left a corner of the form fields when users start typing and available all the time.