(Stepper Header): Screen reader is not announcing label name for section present under stepper variants in Windows.
Chưa có ai nhận issue này.
Đánh giá
- Độ khó
- 3/5
- Thời gian dự kiến
- 1-2 ngày
- Mức phù hợp với người mới
- 65/100
- Loại issue
- Lỗi
- Độ rõ ràng
- Đặc tả rõ ràng
- Mức độ hoạt động
- Sôi nổi
- Công nghệ
- angular, typescript
- Lĩnh vực
- accessibility, frontend
Hướng nghiên cứu
The issue is in the Angular Material stepper component's accessibility. Start by examining the stepper header component files, likely under src/material/stepper/. Look for ARIA attributes like aria-label or aria-labelledby on the section elements. Run the provided reproduction steps with NVDA to confirm the bug, then check the tests for stepper accessibility to understand the expected behavior.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
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
User Impact:
Visually impaired users who rely on screen readers will be impacted if Screen reader is not announcing label name for section present under stepper variants in Windows. They won’t know which section they are in, leading to confusion and difficulty completing tasks.
Reproduction
- Enable NVDA and open the URL: https://material.angular.dev/components/stepper/overview in edge browser.
- Landing page will get open.
- Press tab key to reach to the sections present under 'Stepper Variants'.
- Observe whether screen reader is announcing label name for section present under stepper variants in Windows or not.
Expected Behavior
Screen reader should announce the label name for section present under stepper variants in Windows.
Actual Behavior
Screen reader is not announcing label name for section present under stepper variants in Windows.
https://github.com/user-attachments/assets/25fe5cc3-acdc-4e58-935a-43bff8e44d59
Environment
OS: Windows 11 25H2 (OS Build 26200.6584)
Browser: Edge (Version 140.0.3485.94)
Angular 20.x.
Material: 20.2.7
Screen Reader: NVDA (2025.2), JAWS (2025.2508.120), Narrator
URL: https://material.angular.dev/components/stepper/overview
- Ngôn ngữ chính
- TypeScript
- Star
- 25k
- Fork
- 6.8k
- Merge trung bình
- 1 ngày 1 giờ
- Pull request đã merge (30 ngày)
- 84
Hướng dẫn đóng góp
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Issue khác của angular/components
-
area: material/tree docs gemini-triaged needs triage
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 68/100
angular/components#33832 ·
-
area: material/datepicker gemini-triaged P4
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 72/100
angular/components#33763 · 2 bình luận · 3 reaction ·
-
area: material/table gemini-triaged P4
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 88/100
angular/components#33709 · 1 bình luận ·
-
area: material/table docs gemini-triaged P4
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 72/100
angular/components#33455 ·
-
area: material/core gemini-triaged P3
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 78/100
angular/components#33059 · 2 bình luận ·
Tất cả issue của angular/components
Issue tương tự
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100
vercel-labs/just-bash#464 ·
-
looksLikeSlug() is ASCII-only, so non-Latin entity slugs (e.g. Korean) skip exact match and collapse Đang mở
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 65/100
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 65/100
-
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 90/100
TanStack/tanstack.com#1293 ·