The Search Form is a widget which enables the user to search and retrieve related information from the database using keywords.
Anatomy
- mandatory
- optional
| Elements | Mandatory | Description |
|---|---|---|
| text field | yes | the input field allows the user to input their search keywords |
| button | yes | the button submits the search input |
Do's
- always include a search button
Don'ts
- don't use placeholder text in the text field
When to use
- whenever needed, always as part the ECL Site header
Notes
Accessibility
- placeholder text in a text field is bad for accessibility - may not be read by screen reading software, and can be problematic for users with a visual impairment