WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: predictive searching on a web page and mouse hovers

for

From: _mallory
Date: Oct 14, 2016 1:56PM


Ok cool, I hadn't used haspopup on my last 2 comboboxes for autocomplete
because of the menu thing, and I did use the list attr.

Good to know.

_mallory

On Fri, Oct 14, 2016 at 04:35:39PM +0000, Bryan Garaventa wrote:
> Exactly, but it's important to note that at present the new token values for aria-haspopup within ARIA 1.1 are not supported anywhere as yet, so any value will still be interpreted as "true", meaning that it maps to the presence of a popup menu.
>
> Within a year or so we should be seeing much better support for this, since ARIA 1.1 has just gone into CR status this week and will hopefully be ratified by the beginning of the year.
>
> When using role=combobox, it is not necessary to include aria-haspopup, because this property is implicitly set by the browser within the accessibility tree.
>
> Bryan Garaventa
> Accessibility Fellow
> SSB BART Group, Inc.
> <EMAIL REMOVED>
> 415.624.2709 (o)
> www.SSBBartGroup.com
>
> -----Original Message-----
> From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Birkir R. Gunnarsson
> Sent: Friday, October 14, 2016 9:23 AM
> To: WebAIM Discussion List < <EMAIL REMOVED> >
> Subject: Re: [WebAIM] predictive searching on a web page and mouse hovers
>
> 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-haspopu
> > p-property/
> >
> > cheers,
> > _mallory
> > > > > > archives at http://webaim.org/discussion/archives
> > > >
>
>
> --
> Work hard. Have fun. Make history.
> > > > > > >