Coding-Coach / Coding-Coach/coding-coach

Background and foreground colors do not have a sufficient contrast ratio

Đang mở
#433 0 bình luận 0 reaction 0 người được giao Xem trên GitHub
Ngôn ngữ chính
JavaScript
Star
452
Fork
157
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Mô tả

**Description**:
Low-contrast text poses difficulties for a significant number of users, impeding their ability to read content effectively. In an effort to address this accessibility concern, we attempted to set a different brand color to undergo WCAG color tests. However, the current brand color, #69D5B1, fails to meet the required contrast ratio of 4.5:1 (or 3:1 for large text), achieving only a contrast ratio of 1.78:1.

Screenshot 2023-06-21 alle 06 02 43

**Proposed Solution**:
We recommend using a different color, #255645, which boasts a contrast ratio of 8.41:1. This alternative color would substantially enhance the legibility and accessibility of the text, ensuring that it can be easily read by all users.

![image](https://github.com/Coding-Coach/coding-coach/assets/113127647/3b250bb4-48a1-41ed-9098-8d65760b83b2)

Steps to Reproduce:

- [ ] - Navigate to the webpage containing low-contrast text.
- [ ] - Inspect the current brand color, #69D5B1, and its associated contrast ratio.
- [ ] - Observe the inadequate contrast ratio of 1.78:1.

Expected Result:
Text should have a contrast ratio of at least 4.5:1 (or 3:1 for large text) to ensure optimal legibility and accessibility.

Additional Information:
We are committed to assisting with the necessary changes to improve accessibility. Please let us know how we can be of further assistance in resolving this issue and ensuring an inclusive user experience.

Thank you for your attention to this matter.

@ttkapostol @ErriGarcia @NataliaBlanco

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Đánh giá

Issue này chưa được đánh giá.

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.