(Stepper Header): Screen reader is not announcing label name for section present under stepper variants in Windows.
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 65/100
- Tipo de issue
- Error
- Claridad
- Bien especificado
- Estado de actividad
- Activo
- Stack tecnológico
- angular, typescript
- Área
- accessibility, frontend
Línea de trabajo
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.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
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
- Lenguaje dominante
- TypeScript
- Estrellas
- 25k
- Forks
- 6.8k
- Merge medio
- 1 d 1 h
- PR fusionados (30 d)
- 84
Guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de angular/components
-
area: material/tree docs gemini-triaged needs triage
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
angular/components#33832 ·
-
area: material/datepicker gemini-triaged P4
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
angular/components#33763 · 2 comentarios · 3 reacciones ·
-
area: material/table gemini-triaged P4
Dificultad 1/5 Menos de una hora Aptitud para principiantes 88/100
angular/components#33709 · 1 comentario ·
-
area: material/table docs gemini-triaged P4
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
angular/components#33455 ·
-
area: material/core gemini-triaged P3
Dificultad 1/5 Menos de una hora Aptitud para principiantes 78/100
angular/components#33059 · 2 comentarios ·
Todos los issues de angular/components
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
vercel-labs/just-bash#464 ·
-
looksLikeSlug() is ASCII-only, so non-Latin entity slugs (e.g. Korean) skip exact match and collapse Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
-
Dificultad 1/5 Menos de una hora Aptitud para principiantes 90/100
TanStack/tanstack.com#1293 ·