ampproject / ampproject/amphtml

amp-selector: loses VoiceOver support when multiple attribute is added

Open
#35,280 1 comment 0 reactions 0 assignees View on GitHub
Stale Type: Bug WG: components
Dominant language
JavaScript
Stars
14.9k
Forks
4.1k
PR merge metrics
No merged PRs in 30d

Description

### Description

When testing Chrome Version 91.0.4472.164 using an amp-select element with the `multiple` attributes added.

When selecting elements, I am only able to select one option and unable to navigate to the other options.
Once a selection has been made and I navigate out of the listbox I can no longer focus on it, the screen reader will just jump between the element before it and the element after it.

Tested in Safari and Firefox and it seems to be working as expected.

I initially found this issue looking at AMPforEmail but it appears to also be an issue in AMP HTML

### Reproduction Steps

- Open the amp by example link below in Chrome
- Open VoiceOver and navigate to the second listbox
- Make a selection
- Try and navigate to the other options
- Exit the listbox and try and navigate back to it

https://playground.amp.dev/?url=https%3A%2F%2Fpreview.amp.dev%2Fdocumentation%2Fexamples%2Fcomponents%2Famp-selector&format=websites&_gl=1*k04z35*_ga*Njg0NTYzOTUwLjE1ODMzNDQ5NDM.&mode=Responsive

### Relevant Logs

_No response_

### Browser(s) Affected

Chrome

### OS(s) Affected

macOS 11.4

### Device(s) Affected

macbook pro 15 inch 2018

### AMP Version Affected

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.