angular / angular/components

MatStepper: Step header focus treatment is not strong enough

Ouverte
#16,912 1 commentaire 0 réactions 0 personnes assignées Voir sur GitHub
Accessibility area: material/stepper P3
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

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.