bug(stepper): aria-disabled not properly updated for step header buttons in linear steppers
Nadie ha tomado este issue todavía.
- Lenguaje dominante
- TypeScript
- Estrellas
- 25k
- Forks
- 6.8k
- Merge medio
- 1 d 8 h
- PR fusionados (30 d)
- 91
Descripción
Reproduction
Example of a linear stepper with this issue: https://stackblitz.com/angular/vbkvxdpeoml?file=src%2Fapp%2Fstepper-overview-example.ts
Steps to reproduce:
- Enable linear mode
- Fill out first step
- Go back to step header using keyboard navigation
- Move focus to next step
Expected Behavior
The screen reader should read aloud the content of the button but not mention anything about being disabled since clicking the button will work.
Actual Behavior
The screen reader says the button is disabled.
This is because aria-disabled attribute is still set on the button, but shouldn't be anymore since the step is now complete.
Environment
- Angular: 12.2.4
- CDK/Material: 12.2.4
- Tested on Chrome with NVDA, ChromeVox, and VoiceOver.
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.
Línea de trabajo
Comienza con el ejemplo vinculado de StackBlitz en src/app/stepper-overview-example.ts y reproduce la secuencia de teclado en un stepper lineal. Rastrea el estado aria-disabled del botón de la cabecera del paso; está terminado cuando, después de completar el primer paso y mover el foco a la siguiente cabecera, la tecnología de asistencia ya no informa de que ese botón está deshabilitado.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- angular, typescript
- Área
- accessibility, frontend
- Tipo de issue
- Error
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Estado de actividad
- Estancado
- Claridad
- Bastante claro
- Aptitud para principiantes
- 45/100