angular / angular/components

bug(MatSelect): MatSelect in a CdkOverlay panel is not accessible to screen readers

Đang mở
#28,709 1 bình luận 1 reaction 1 người được giao Được @zarend nhận Xem trên GitHub
Accessibility area: cdk/overlay area: material/dialog P2
Ngôn ngữ chính
TypeScript
Star
25k
Fork
6.8k
Merge trung bình
1 ngày 8 giờ
Pull request đã merge (30 ngày)
91

Mô tả

### Is this a regression?

- [ ] Yes, this behavior used to work in the previous version

### The previous version in which this bug was not present was

_No response_

### Description

Using a screenreader to interact with a MatSelect dropdown inside an overlay panel prevents it from reading out the options

### Reproduction

StackBlitz link: https://stackblitz.com/edit/bqqfav-gaxbdf
Steps to reproduce:
1. Active VoiceOver or other screen reader
2. Using a keyboard, click on the 'Launch dialog' button
3. Using a keyboard, navigate to the select and attempt to read the options

image

### Expected Behavior

VoiceOver should read out the options, much like it does when interacting with the examples at https://material.angular.io/components/select/examples

### Actual Behavior

VoiceOver does not read out the options. It only reads "expanded, completion selected". Pressing ctrl+option+space causes it to read "confirm Favorite pet, list box pop-up, Menu popup combobox".

### Environment

- Angular: 17.2.0
- Browser(s): Google Chrome
- Operating System: macOS
- Screen reader: VoiceOver

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Đánh giá

Issue này chưa được đánh giá.

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.