MatStepper: Step header focus treatment is not strong enough
- Langage dominant
- TypeScript
- Étoiles
- 25k
- Forks
- 6.8k
- Merge moyen
- 1 j 8 h
- PR mergées (30 j)
- 91
Description
#### 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
Guide de contribution
Ouvrir le guide de contribution
Piste de recherche
Ouvrez l’exemple du composant Stepper Material à l’adresse https://material.angular.io/components/stepper/overview et reproduisez l’état de focus sur un en-tête d’étape. Utilisez le vérificateur de contraste WebAIM lié pour vérifier le ratio actuel, puis mettez à jour le traitement du focus afin que le contraste entre l’arrière-plan et la page atteigne au moins 3:1, et vérifiez visuellement l’exemple.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- angular, typescript
- Domaine
- accessibility, frontend
- Type d'issue
- Bug
- Difficulté
- 2/5
- Temps estimé
- 1-3 heures
- Activité
- À l'abandon
- Clarté
- Clairement spécifiée
- Accessibilité débutants
- 45/100