angular / angular/components

MatStepper: Step header focus treatment is not strong enough

Abierto
#16,912 1 comentario 0 reacciones 0 asignados Ver en GitHub
Accessibility area: material/stepper P3
Lenguaje dominante
TypeScript
Estrellas
25k
Forks
6.8k
Merge medio
1 d 8 h
PR fusionados (30 d)
91

Descripción

#### Reproduction

Open any example with Stepper material component:
https://material.angular.io/components/stepper/overview
Focus on it and check background color for active state (rgba(0,0,0, .04))
For white background it's #f5f5f5
https://webaim.org/resources/contrastchecker/?fcolor=F5F5F5&bcolor=FFFFFF

#### Expected Behavior
Color contrast between background for focus state and page background will be at least 3:1

#### Actual Behavior

Color contrast is 1.09:1

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Abre el ejemplo del componente Stepper Material en https://material.angular.io/components/stepper/overview y reproduce el estado de foco en un encabezado de paso. Usa el comprobador de contraste de WebAIM enlazado para verificar la proporción actual; después, actualiza el tratamiento del foco para que el contraste entre el fondo y la página alcance al menos 3:1 y verifica visualmente el ejemplo.

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
2/5
Tiempo estimado
1-3 horas
Estado de actividad
Estancado
Claridad
Bien especificado
Aptitud para principiantes
45/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.