WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Listboxes that update content

for

From: glen walker
Date: Mar 1, 2019 8:21AM

Sounds like you already have a custom component. So you hover with the
mouse and the list expands (like a flyout menu) and when you click with the
mouse, the page updates?

For a keyboard user, does the list expand when the object receives focus or
do they have to press enter/space first? If you're using aria-expanded, I
would expect the latter. You could easily allow the arrow keys to move the
focus within the object and then require enter/space to select the item.
In fact, that's essentially how a real menu works.

I don't think I'd update anything on blur. I'd expect the blur to be a
cancel (similar to the slider discussion). Tab to the object, enter/space
to expand, arrow up/down, tab off to cancel.