Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Multi-Select Listbox does not work #1196

Open
JAWS-test opened this issue Oct 7, 2019 · 4 comments
Open

Multi-Select Listbox does not work #1196

JAWS-test opened this issue Oct 7, 2019 · 4 comments
Labels
bug Code defects; not for inaccurate prose Example Page Related to a page containing an example implementation of a pattern

Comments

@JAWS-test
Copy link

JAWS-test commented Oct 7, 2019

Multi-Select Listbox: The following documented keys do not work:

Shift + Down Arrow: Moves focus to and selects the next option.
Shift + Up Arrow: Moves focus to and selects the previous option.
Control + Shift + Home: Selects from the focused option to the beginning of the list.
Control + Shift + End: Selects from the focused option to the end of the list.
Control + A: selects all options in the list. If all options are selected, unselects all options

Tested with Firefox, Chrome, IE 11 and Edge.

The multiple selection with Shift should also work with a pointing device like mouse.

@ZoeBijl
Copy link
Contributor

ZoeBijl commented Oct 7, 2019

Can confirm that these don’t work in Chrome or Safari on macOS.

Shift + Down Arrow and Shift + Up Arrow do move focus but don’t select anything. The options including Control only move focus to the first or last item. Control + A does nothing (on macOS).

@ZoeBijl ZoeBijl added bug Code defects; not for inaccurate prose Example Page Related to a page containing an example implementation of a pattern labels Oct 7, 2019
@carmacleod
Copy link
Contributor

carmacleod commented Jul 29, 2020

@JAWS-test
Please re-test with the latest version of the rearrangeable multi-select listbox example.
Hopefully this issue can be closed?

@JAWS-test
Copy link
Author

@carmacleod
I have tested it with Firefox, Edge and Chrome and it works fine (with and without screen reader). Thanks for fixing the problem

@sinabahram
Copy link

I'm sorry to reopen this, but are these examples expected to work at all with Jaws+Chrome. Given that's a rather popular combo, I'm confused why this example is virtually unusable with that combination and this issue is being closed.

The key mappings conflict with preexisting key combinations e.g. alt+upArrow collapses an expanded list box, alt+downArrow expands one, and alt+rightArrow moves forward in the browser. These keys have been true for decades, if I'm not mistaken, so I feel like having them be the default mappings is pretty problematic, no?

So, how do you move items between the lists without having to tab to the buttons each time. I hope we can all agree that's completely unacceptable as a default affordance, multiplying by 2, 3, or even 4, the number of keystrokes to perform an already lengthy operation.

The example, even though it's not in scope, has some anti-patterns that are also pretty problematic IMHO. Starting most of the options with the same words violates semantic prioritization and makes it super-irritating to use with a screen reader.

In my experience, developers treat these examples as golden, and while that usage may differ from the intended purpose, it never-the-less drastically affects the accessibility for AT users when developers assume these examples demonstrate the "right way" to do these things.

There's other items like a double label before the list, etc.

I'm always very confused on these examples when it's appropriate to bring up what issue and where, so maybe this isn't the right place. but I would appreciate knowing where the right place is to report the holistic issues rendering this example unusable IMHO.

@sinabahram sinabahram reopened this Aug 3, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Code defects; not for inaccurate prose Example Page Related to a page containing an example implementation of a pattern
Projects
None yet
Development

No branches or pull requests

4 participants