Skip to content

The search input on the Bento search results page is using placeholder text as a label.

https://docs.google.com/spreadsheets/d/1GoSSXv11yG_JdogE0yBg9yS9c9LnlPLTN1y-B3-aMas/edit?gid=0#gid=0&range=15:15

Placeholder text is not a replacement for a text label form elements or page controls. Visible labels inform someone who can see them about the purpose of an input or control and ensure that a someone using assistive technology like a screen reader has access to the same information. Refer to this W3C research article for more information about the use of placeholder text: "Placeholder Research" - https://www.w3.org/WAI/GL/low-vision-a11y-tf/wiki/Placeholder_Research In this instance there is text nearby that could be used to provide a programmatic label. Recommend at a minimum using some of the nearby text to provide a programmatic label for the input. It would be a best practice to provide an explicit text label for the input. Suggest: //notice the placeholder text has been removed. Placeholder text should only be used to provide an example input for an field, which is not appropriate here. "..." Search

Edited by Seamus Narron