On this page
Key takeaways
Search autocomplete suggests terms or pages as visitors type, so they can pick a match instead of finishing the query. It turns recall into recognition, catches spelling mistakes early and can take visitors straight to a page. Keep suggestions short and relevant, highlight the matched text and make them work with the keyboard and screen readers.
- Suggestions turn recall into recognition.
- Show a handful of suggestions, not dozens.
- Link popular suggestions straight to the right page.
- Support arrow keys, Enter, Escape and screen readers.
Want autocomplete added or tuned on your site search? Message us on WhatsApp.
Chat on WhatsApp →How does autocomplete help navigation?
Autocomplete shows visitors options while they type, so they recognise what they want rather than recalling the exact word. It also reveals what the site holds: typing 'boil' and seeing 'Boiler service' and 'Boiler installation' tells a visitor both exist. Nielsen Norman Group lists recognition rather than recall among its core heuristics.
What makes good suggestions?
Good suggestions are few, relevant and clearly linked to what was typed.
- Up to about eight suggestions.
- Matched text highlighted.
- Popular pages, such as services and prices, suggested directly.
- Spelling tolerance from the first few letters.
- Suggestions grouped by type on larger sites.
How do you make autocomplete accessible?
Visitors must be able to move through suggestions with the arrow keys, select with Enter and close with Escape. Screen readers need to be told how many suggestions are available. WCAG 2.2 success criterion 1.4.13 asks that content appearing on focus can be dismissed and does not block what visitors are doing.
Want your search box checked with keyboard and screen reader? Message us on WhatsApp and we will discuss your requirements.
Chat on WhatsApp →When is autocomplete not worth it?
On small sites with a clear menu, search itself is often unnecessary, so autocomplete adds little. It also backfires when suggestions are poor, such as old blog posts or empty tags, because it promotes the wrong pages. Fix relevance before adding suggestions.
What does this look like in practice?
A pattern we see: on a shop with several hundred products, visitors type full product names and often misspell them, landing on no-results pages. Adding suggestions after three letters, with product images and category matches, takes many of them straight to the product.
Autocomplete checklist
- Suggestions after two or three characters.
- Up to about eight suggestions.
- Matched text highlighted.
- Key pages suggested directly.
- Arrow keys, Enter and Escape supported.
- Suggestions announced to screen readers.
Next step
Type the first three letters of your main service into your search box and see what appears.
Message us on WhatsApp for a site search review, or book a 30-minute consultation.
Chat on WhatsApp →Sources and further reading
- Memory recognition and recall in user interfaces · Nielsen Norman Group
- Understanding WCAG 2.2 success criterion 1.4.13: Content on Hover or Focus · W3C
- Search: visible and simple · Nielsen Norman Group
Frequently asked questions
What is search autocomplete?
Search autocomplete, also called predictive search or type-ahead, suggests search terms or pages as a visitor types into a search box. Visitors can select a suggestion instead of finishing their query, which is faster and reduces spelling mistakes.
Does autocomplete improve site search?
It usually does when suggestions are relevant: it speeds up searching, corrects spelling early and shows visitors what the site offers. Poor suggestions can mislead, so check that the most important pages appear for common terms.
How many autocomplete suggestions should I show?
Up to about eight is a common guideline. Too many becomes another list to read; too few may miss the right option. On larger sites, grouping suggestions by type helps.
Written by
Global Bridge Labs (GBL) is a UK–Sri Lanka partner for social media, websites and BPO. Everything here comes from client delivery, not theory.
