angular / angular/components

MatStepper: Step header focus treatment is not strong enough

Đang mở
#16,912 1 bình luận 0 reaction 0 người được giao Xem trên GitHub
Accessibility area: material/stepper P3
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

Mở 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

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.