MatStepper: Step header focus treatment is not strong enough
- Ngôn ngữ chính
- TypeScript
- Star
- 25k
- Fork
- 6.8k
- Merge trung bình
- 1 ngày 8 giờ
- Pull request đã merge (30 ngày)
- 91
Mô tả
#### 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
Hướng dẫn đóng góp
Hướng nghiên cứu
Mở ví dụ về component Stepper Material tại https://material.angular.io/components/stepper/overview và tái hiện trạng thái focus trên step header. Sử dụng công cụ kiểm tra độ tương phản WebAIM được liên kết để xác minh tỷ lệ hiện tại, sau đó cập nhật cách hiển thị focus để độ tương phản giữa nền và trang đạt ít nhất 3:1 và kiểm tra ví dụ bằng mắt.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- angular, typescript
- Lĩnh vực
- accessibility, frontend
- Loại issue
- Lỗi
- Độ khó
- 2/5
- Thời gian dự kiến
- 1-3 giờ
- Mức độ hoạt động
- Đình trệ
- Độ rõ ràng
- Đặc tả rõ ràng
- Mức phù hợp với người mới
- 45/100