MatStepper: Step header focus treatment is not strong enough
オープン
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