MatStepper: Step header focus treatment is not strong enough
- Lingua principale
- TypeScript
- Stelle
- 25k
- Fork
- 6.8k
- Merge medio
- 1g 8h
- PR unite (30g)
- 91
Descrizione
#### 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
Guida per i contributori
Apri la guida per i contributori
Direzione di ricerca
Apri l'esempio del componente Stepper Material all'indirizzo https://material.angular.io/components/stepper/overview e riproduci lo stato di focus su un'intestazione di passaggio. Usa il verificatore del contrasto WebAIM collegato per verificare il rapporto attuale, quindi aggiorna il trattamento del focus in modo che il contrasto tra lo sfondo e la pagina raggiunga almeno 3:1 e verifica visivamente l'esempio.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- angular, typescript
- Ambito
- accessibility, frontend
- Tipo di issue
- Bug
- Difficoltà
- 2/5
- Tempo stimato
- 1-3 ore
- Stato di attività
- Ferma
- Chiarezza
- Specificata chiaramente
- Idoneità per principianti
- 45/100