Guide to accessible autocomplete form design

Building an accessible autocomplete control is complex, but Adam Silver provides a detailed guide on creating one from scratch. The article covers the basic HTML markup, the enhanced markup when JavaScript is available, and the techniques to ensure the control is accessible to all users, including those using screen readers.

Additionally, the article addresses supporting endonyms and common typos, ensuring the control is inclusive and forgiving of user input. Adam provides a comprehensive solution that prioritizes accessibility and usability, making it a valuable resource for designers and developers looking to create high-quality, inclusive user interfaces.

UI & UX design inspiration for mobile & web apps.

orbs




Get Fountn

Pro friends get unlimited Figma conversions, bookmarks and collections.

Free Forever

$0

1 Figma conversion/day

5 collections

15 bookmarks

Limited access to new features

Current Plan

Fountn Pro

$6

Unlimited Figma conversions

Unlimited collections

Unlimited bookmarks

Full access to new features

Upgrade to Pro

You've reached your free limit. Upgrade for unlimited access.