Writing & StyleStyle guide

Writing Accessible Searchbox Labels

Writing Accessible Searchbox Labels records a distinct W3C-supported interface-content task while keeping implementation mechanics outside the writing guidance.

Quick answer

Give a search box a concise label that tells users what scope or content the search covers.

Key details

Core IssueW3C APG lists searchbox as a role that requires an accessible name and recommends an HTML label for input-based searchboxes or an equivalent accessible naming method.
Registerweb accessibility and interface content

Important caveats

Scope Boundary

This page covers searchbox label wording; the search landmark that contains a searchbox is a separate naming concern.

Further guidance

Content

Write the label around the search task or scope, especially when more than one search field could appear on the same page or application.

Practical Application

Name the searchbox for the scope of content it searches, especially when a page offers more than one search function; avoid relying on a magnifying-glass icon or placeholder alone.

Purpose

Clear wording helps assistive-technology users understand the component or content in context without relying on implementation details.

Reader Check

Does the label answer “Search what?” without requiring the user to infer scope from page position?

Worked Example

Example: Use “Search help articles” for a help-center searchbox and “Search orders” for a separate order-history searchbox.

Sources and evidence

Sources are shown with the role they play in this guide. Historical or style-sensitive claims are kept within the evidence boundary described above.

  1. Providing Accessible Names and Descriptions — W3C WAI ARIA APG (opens in a new tab)W3C Web Accessibility Initiative · W3C WAI-ARIA Authoring Practices guidance for descriptive accessible names, visible labels, and button/control naming.

Explore the topic