WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: predictive searching on a web page and mouse hovers

for

From: Birkir R. Gunnarsson
Date: Oct 14, 2016 10:22AM

ARIA 1.1 expands the definition of aria-haspopup to include a bunch of
ther types (listbox, dialog etc.)
http://www.w3.org/TR/wai-aria-1.1/#aria-haspopup
aria-haspopup="true" = aria-haspopup="menu" (for 1.0 backward compatibility).
Technically aria-haspopup="listbox" would be more semantically
accurate (once ARIA 1.1 is published), but really the only thing
aria-haspopup achieves here is to have screen readers announce "has
pop up" or "has menu" which indicates to user that this input is more
than just plain input.
If you use the list="id" attribute on the input and a <datalist> you
shouldn't need aria-haspopup, the browser should be taking care of
that for you.



On 10/14/16, _mallory < <EMAIL REMOVED> > wrote:
> On Fri, Oct 14, 2016 at 09:48:46AM -0400, Birkir R. Gunnarsson wrote:
>> Bryan has a great collection of examples.
>> You can head on over to http://www.statefarm.com to see a similar widget.
>> The markup is actually a little more complicated.
>> The key elements are:
>> 1. Make sure users knows this type of functionality is associated with
>> your search.
>> * use role="combobox" in accordance with the pattern, or just use
>> aria-haspopup="true" on the input field.
>
> Is haspopup still ok for an input? How out of date is this article?
> http://www.ssbbartgroup.com/blog/expanding-the-use-of-the-aria-haspopup-property/
>
> cheers,
> _mallory
> > > > >


--
Work hard. Have fun. Make history.