angular / angular/components

MatStepper: Step header focus treatment is not strong enough

オープン
#16,912 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る
Accessibility area: material/stepper P3
主要言語
TypeScript
スター
25k
フォーク
6.8k
平均マージ
1日 8時間
マージ済み PR(30日)
91

説明

#### 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

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

https://material.angular.io/components/stepper/overview の Stepper Material コンポーネントの例を開き、ステップヘッダーのフォーカス状態を再現します。リンクされている WebAIM のコントラストチェッカーを使用して現在の比率を確認し、背景とページのコントラストが少なくとも 3:1 に達するようフォーカス表示を更新してから、例を視覚的に確認します。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
angular, typescript
領域
accessibility, frontend
issue の種類
バグ
難易度
2/5
見積もり時間
1〜3時間
活発さ
停滞
明瞭さ
明確に書かれている
初心者へのやさしさ
45/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。