angular / angular/components

MatStepper: Step header focus treatment is not strong enough

Aperta
#16,912 1 commento 0 reazioni 0 assegnatari Vedi su GitHub
Accessibility area: material/stepper P3
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

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.