WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Accessible Filtered Search

for

From: Larry C. Lyons
Date: Mar 10, 2015 1:53PM

You may find this autocomplete useful. Its already been fully tested as
accessible and should have all the requisite ARIA roles and properties.

http://assets.cms.gov/resources/framework/3.3/Pages/#autocomplete

hth,
larry
--
Larry C. Lyons
Applications Architect
Valdez International

On 10 March 2015 at 14:00, < <EMAIL REMOVED> > wrote:

>
> ---------- Forwarded message ----------
> From: "Birkir R. Gunnarsson" < <EMAIL REMOVED> >
> To: WebAIM Discussion List < <EMAIL REMOVED> >
> Cc:
> Date: Tue, 10 Mar 2015 08:28:50 -0400
> Subject: Re: [WebAIM] Accessible Filtered Search
> You are looking for comboboxes.
> )you can Google the phrases "ARIA roles combobox" (minus the quotes)
> and also "aria authoring practices combobox" to see the definitions,
> relevant roles and recommendations .. I have not had coffee yet so I
> am too lazy to copy and paste the links, but this would be the first
> match on Google).
>
> Since he has not responded yet himself, I would like to point out
> master Bryan Garaventa's extensive work on accessible comboboxes and
> online demos for different implementations
> "
> 1 Form with overlays:
>
> http://whatsock.com/tsg/Coding%20Arena/ARIA%20Comboboxes/ARIA%20Comboboxes%20(Native%20Inputs,%20Editable%20and%20Readonly)/demo.htm
> (Where the State field opens an autosuggest list when you start
> typing, and the Country field has an arrow toggle to pull down the
> attached list)
>
> 2 Simple with overlay:
>
> http://whatsock.com/tsg/Coding%20Arena/ARIA%20Comboboxes/ARIA%20Comboboxes%20(Native%20Inputs,%20Editable%20with%20Substring%20Match)/demo.htm
> (Where the edit field matches substrings to populate automatic
> suggestions.)
>
> 3 Simple with static inline rendering:
>
> http://whatsock.com/tsg/Coding%20Arena/ARIA%20Comboboxes/ARIA%20Comboboxes%20(Native%20Inputs,%20Editable%20with%20Word%20Match)/demo.htm
> (Where the typing of full words like 'modem' or 'printer' will
> automatically match list items; using an inline display instead of a
> layer)
>
> 4 Simulated with toggleable overlay:
>
> http://whatsock.com/tsg/Coding%20Arena/ARIA%20Comboboxes/ARIA%20Comboboxes%20(Simulated,%20Readonly)/demo.htm
> (Where the simulated button opens a language dropdown when clicked or
> tapped, which can then be scrolled through)
> "
> hth
>

--
Larry C. Lyons
web: http://www.lyonsmorris.com/lyons
LinkedIn: http://www.linkedin.com/in/larryclyons