skip to content

Auto-suggest

in development

Tags:

Guidelines:

Making forms accessible is a simple process. Each form element should be associated with its instructions and/or errors, and everything should be accessible via the keyboard and announced to a screen reader user.

Search auto-suggestions are more popular than ever. We will dig in on how to make one accessible and usable to all.

Requirement #1 - Keyboard accessible

Use the proper HTML5 elements and their semantics to build your search elements.

HTML Code

CSS code

W3C SVG